Недавно я посетил виртуальный Cross-Platform Mobile Development Summit 2020, и вот мои краткие заметки, ресурсы и список людей, на которых можно подписаться, если вы хотите узнать больше о перечисленных темах. Этот пост в блоге разделен на две основные части: React Native и Flutter.

Реагировать на родной

Учитесь один раз, пишите где угодно

Все дело в анимации



catalinmiron/react-native-nav-transition
Переход Nav от Creativedash Exponent: https://exp.host/@catalinmiron/react-native-nav-transition Стек: «Для…github.com





oblador/react-native-animatable
Декларативные переходы и анимация для React Native $ npm install react-native-animatable --save Чтобы анимировать вещи…github. ком





pmndrs/react-spring
react-spring — это библиотека анимации, основанная на физике пружины, которая должна покрывать большинство ваших потребностей в анимации, связанных с пользовательским интерфейсом. Это…github.com





Представляем Reanimated 2
Вышла React Native Reanimated 2! Он имеет новый API на основе рабочих лет, который позволяет записывать эффективные взаимодействия в…blog.swmansion.com





IjzerenHein/react-native-magic-move
Был создан дополнительный проект под названием react-native-shared-element, который можно считать преемником…github.com





IjzerenHein/react-native-shared-element
Нативные «примитивы перехода общего элемента для react-native 💫 - IjzerenHein/react-native-shared-element github.com»



Графики в React Native



rainbow-me/react-native-animated-charts
Библиотека была разработана для создания эстетичных анимированных (пока только линейных) диаграмм на основе заданных входных данных. Главный…github.com





Победа
Вот несколько примеров, которые помогут вам начать работу. Каждый приведенный ниже пример связан с живой редактируемой игровой площадкой. Образцы кода…formidable.com



Другие ресурсы React Native

Материальный дизайн для React Native



Главная · React Native Paper
Материальный дизайн для React Nativecallstack.github.io



Надежное сохранение учетных данных пользователя на устройстве



oblador/react-native-keychain
Доступ к цепочке ключей/хранилищу ключей для API установки React Native setGenericPassword(имя пользователя, пароль, [{ accessControl…github.com



Флаттер

Flutter — это набор инструментов пользовательского интерфейса Google для создания красивых, скомпилированных в собственном коде приложений для «мобильных, веб-сайтов и настольных компьютеров из единой кодовой базы.» — flutter.dev

  • Онлайн-редактор дартс — DartPad
  • Все является виджетом во Flutter.

Начало работы с Flutter



Напишите свое первое приложение Flutter, часть 1
Совет. Эта лабораторная работа поможет вам написать свое первое приложение Flutter для мобильных устройств. Вы можете попробовать написать свой…flutter.dev





Поваренная книга
Эта кулинарная книга содержит рецепты, демонстрирующие, как решать распространенные проблемы при написании приложений Flutter. Каждый рецепт…flutter.dev



Тестирование во флаттере

Модульные тесты



Введение в модульное тестирование
Как вы можете убедиться, что ваше приложение продолжает работать при добавлении дополнительных функций или изменении существующих функций? Автор…flutter.dev



Тесты виджетов

Проверка правильности размещения виджетов и поведения виджетов при взаимодействии с ними.



Введение в тестирование виджетов
В рецепте «Введение в модульное тестирование вы узнали, как тестировать классы Dart с помощью тестового пакета. Чтобы протестировать виджет…flutter.dev»



Интеграционное тестирование

Они тестируют все приложение (со всеми интегрированными виджетами).



Введение в интеграционное тестирование
Примечание. Пакет Integration_test теперь является рекомендуемым способом написания интеграционных тестов. См. Интеграционное тестирование…flutter.dev



Люди, на которых стоит подписаться