Pull to refresh

Мобильная платформа. Как не бояться ReactNative

Сбер corporate blog JavaScript *Development of mobile applications *ReactJS *TypeScript *
Первый пост блога мы решили посвятить «мобильной» тематике и  рассказать о  разработке глобального решения для запуска и создания приложений — «Мобильная платформа ЕФС».
       
Что это? Это многомодульный продукт, позволяющий массово создавать мобильные приложения, тиражировать их и поддерживать во время эксплуатации.



Итак, что мы делаем по порядку и по пунктам.
Total votes 36: ↑30 and ↓6 +24
Views 17K
Comments 33

Мобильная платформа. Архитектура гибридных приложений на ReactNative

Сбер corporate blog Programming *System Analysis and Design *Development for iOS *Development of mobile applications *
Наверное, вы уже не раз слышали о мобильной разработке на ReactNative в Единой Фронтальной Системе (ЕФС) Сбербанка. Мы уже писали для чего мы используем саму технологию ReactNative в своих разработках, а также рассказывали как не бояться это делать.



Сегодня мы взглянем с высоты птичьего полета на построение архитектуры мобильных приложений с использованием ReactNative, Objective-C, Typhoon, VIP, SOA, TypeScript, React и Redux.
Читать дальше →
Total votes 17: ↑16 and ↓1 +15
Views 12K
Comments 12

За закрытой дверью фронтенда ЕФС

Сбер corporate blog JavaScript *Programming *Development of mobile applications *ReactJS *
В этой статье мы расскажем о библиотеке компонентов Единой фронтальной системы (ЕФС)  и как в целом устроен фронтенд платформы.


Читать дальше →
Total votes 34: ↑27 and ↓7 +20
Views 25K
Comments 24

Redux как сердце архитектуры фронтенда Единой фронтальной системы

Сбер corporate blog JavaScript *Programming *ReactJS *
В прошлой статье мы рассказали, как в целом устроен фронтенд программы, обсудили технологический стек. Данную статью посвятим обсуждению Redux  —  почему мы называем его сердцем архитектуры ЕФС.


Читать дальше →
Total votes 35: ↑31 and ↓4 +27
Views 17K
Comments 28

DevConf::Frontend — 17 июня в Москве: Angular 4, React Native, выбор JS-фреймоврка для крупного проекта + Lua Meetup

DevConf corporate blog Website development *Lua *Angular *ReactJS *

17 июня в Москве, Измайлово пройдет конференция Devconf::FrontEnd

Откроет ее Виталий Грин, лидер Frontend разработки Альфа Лаборатории, Ex-Яндекс.Карты,
который расскажет как сделать общую библиотеку компонентов с одной стороны стабильной для десятков команд, а с другой стороны гибкой и расширяемой

Сергей Аверин, tech-менеджер из компании Acronis поведает о том, как важен правильный выбор JS-фреймоврка для крупного проекта в условиях, когда любое более-менее важное технологическое решение сразу затрагивает с десяток команд, несколько сотен человек и права «случайно все сломать» нет.
Читать дальше →
Total votes 42: ↑38 and ↓4 +34
Views 6.6K
Comments 5

Архитектуры ReactNative, Xamarin, PhoneGap и Qt. Часть 1

Microsoft corporate blog Development for iOS *Development of mobile applications *Development for Android *Xamarin *
Дорогой друг, если ты готов узнать больше про архитектуры популярных кроссплатформенных мобильных фреймворков, именно в этой статье мы проведем их сравнение и определим, для какого класса задач или команд подходит тот или иной инструмент. В первой части рассмотрим общие архитектурные паттерны кроссплатформенных фреймворков, а также архитектуры PhoneGap и ReactNative. Во второй части — фреймворки Xamarin и Qt.


Читать дальше →
Total votes 33: ↑30 and ↓3 +27
Views 17K
Comments 13

Архитектуры ReactNative, Xamarin, PhoneGap и Qt. Часть 2

Microsoft corporate blog Development for iOS *Development of mobile applications *Development for Android *Xamarin *
Продолжаем анализ архитектуры мобильных кроссплатформенных инструментов. Сегодня на повестке дня фреймворки Xamarin и Qt. Напомним, что в первой части мы рассмотрели общие архитектурные паттерны кроссплатформенных фреймворков, а также архитектуры PhoneGap и ReactNative.


Читать дальше →
Total votes 24: ↑22 and ↓2 +20
Views 12K
Comments 17

React HoC в TypeScript. Типизация без боли

Сбер corporate blog Website development *Programming *ReactJS *TypeScript *


Много раз, когда шла речь о переводе React-проектов на TypeScript, я часто слышал, что самую сильную боль вызывает создание HoC’ов (Higher-Order Components — компоненты-обертки). Сегодня я покажу приём, как делать это безболезненно и довольно легко. Данный приём будет полезен не только для проектов TS, но также и для проектов ES6+.
Читать дальше →
Total votes 10: ↑9 and ↓1 +8
Views 30K
Comments 6

Как развернуть окружение для разработки приложений на React Native на Windows

Neoflex corporate blog Development of mobile applications *ReactJS *
Tutorial

Доброго времени суток!


Решив начать разрабатывать приложения на React Native, я столкнулся с проблемами разворачивания окружения. Сегодня я хочу поделиться опытом его настройки.

Конечно, на официальном сайте есть подробное описание, но следуя только этим рекомендациям, было довольно сложно сделать все настройки.


Читать дальше →
Total votes 15: ↑12 and ↓3 +9
Views 39K
Comments 9

The Overview of JavaScript Frameworks: Which One to Choose for Your Project?

JavaScript *
Sandbox
Ten years ago, companies who wanted to create cross-platform projects would have to cooperate with different development teams and experts. However, 2009 has changed the game, because the developers from Nitobi (later purchased by Apache) presented Cordova – a fresh framework that was able to convert web applications into mobile systems. Linking the devices’ APIs via plugins, developers could access smartphones and tablets. Cordova is a JavaScript-based tech compatible with various platforms.

In this guide, we will review three more JS-driven systems, look at their unique features and compare them.
Read more →
Total votes 24: ↑24 and ↓0 +24
Views 1.7K
Comments 0

React Native: новая веха в мобильной разработке Shopify

VDSina.ru corporate blog Development of mobile applications *ReactJS *IT-companies
Translation
Или почему Shopify переходит на React Native.

После многих лет нативной мобильной разработки мы решили на всех парах двинуться в сторону разработки мобильных приложений на React Native. Ниже будет ясно, что это решение далось нам нелегко.

В конце каждого квартала мы видим одну и ту же картину: большинство наших клиентов делают покупки через мобильные устройства (в третьем квартале прошлого года их доля составила 71%). Чёрная пятница и Киберпонедельник — самое горячее время для наших продавцов, а активность покупателей в эти дни зашкаливает. В этом году в период скидок партнеры Shopify зафиксировали 3-процентный рост заказов с мобильных устройств, а средняя доля таких покупок составила 69% от общего числа транзакций.

Так почему же мы решили перейти на React Native? И почему именно сейчас? Что теперь будет с нашей нативной мобильной разработкой? Быстро и коротко ответить на эти вопросы не получится. Начнем с предыстории.
Читать дальше →
Total votes 14: ↑12 and ↓2 +10
Views 11K
Comments 0

Рендеринг списков в React Native

JavaScript *ReactJS *
Sandbox

В этой статье я не буду рассказывать что нужно использовать как можно меньше контента для отображения или кэшировать изображения. Нет! Мы будет говорить только о реальной оптимизации списка и не важно что нам нужно отобразит, так как если клиент говорит хочу и все то с ним уже не поспоришь.

Читать дальше →
Total votes 7: ↑6 and ↓1 +5
Views 8.6K
Comments 5

Детальный разбор навигации в Flutter

Programming *Development for iOS *Development for Android *Dart *Flutter *

image


Flutter набирает популярность среди разработчиков. Большенство подходов в построении приложений уже устоялись и применяются ежедневно в разработке E-commerce приложений. Тема навигации опускают на второй или третий план. Какой API навигации предоставляет Фреймворк? Какие подходы выработаны? Как использовать эти подходы и на что они годятся?


Введение


Начнём с того, что такое навигация? Навигация — это метод который позволяет перемещаться между пользовательским интерфейсом с заданными параметрами.
К примеру в IOS мире организовывает навигацию UIViewController, а в Android — Navigation component. А что предоставляет Flutter?



Экраны в Flutter называются route. Для перемещениями между route существует класс Navigator который имеющий обширный API для реализации различных видов навигации.

Читать дальше →
Total votes 5: ↑4 and ↓1 +3
Views 27K
Comments 12

Как мы сделали мобильное приложение для курьеров «ВкусВилл» за 9 дней

Автомакон corporate blog Development for iOS *Development of mobile applications *Development for Android *Development for e-commerce *
Привет, меня зовут Алексей Кафтанов, я — руководитель компании FullStack (входит в ГК «Автомакон»). Мы занимаемся разработкой мобильных и web-приложений.

В начале года у нас появился интересный кейс. За две недели мы сделали базовое курьерское приложение с обновлением функционала без необходимости выгрузки билда в стор.
Читать дальше →
Total votes 5: ↑4 and ↓1 +3
Views 7.9K
Comments 19

Приглашаем на мобильный митап от команды СберМаркет Tech

СберМаркет corporate blog Development for iOS *Development for Android *Conferences

Привет! На связи tech-команда СберМаркета. Приглашаем iOS и Android-разработчиков на наш первый офлайн-митап. Он пройдёт 29 сентября в 19:00 в офисе СберМаркета в Москве с пиццей и новыми знакомствами.

Это встречу мы организуем вместе с сообществом Coffee&Code, так что кроме докладов в программе будет сюрприз от ребят. Спойлер: это игра :)

Если у вас не получается прийти на митап в офлайне, присоединяйтесь к онлайн-трансляции.

В программе:

🔶 Александр Соломатов, руководитель группы iOS-разработки в CберМаркете, расскажет про горизонтальную карусель для баннеров.

🔶 Евгений Прокопьев, Android-разработчик в CберМаркете, покажет как работать с анимациями в React Native.

🔶 Валерий Скворцов, iOS-разработчик в СберМаркете, поделится результатами экспериментов с механизмом избегания клавиатуры в SwiftUI.

🔶 Александр Сычев, руководитель мобильной разработки СберЗдоровья, расскажет, как получить максимум от координаторов при решении задач навигации.

Регистрируйся бесплатно по ссылке.

Ждём тебя на митапе!

Читать далее
Total votes 3: ↑3 and ↓0 +3
Views 534
Comments 0