Мы внесли ряд существенных изменений в React Native Starter. Фактически, мы сделали совершенно новый React Native Starter с нуля. Возможно, что через несколько лет мы рассмотрим свою работу, разработаем новые идеи и внесем основные изменения в наш продукт. Мы считаем, что это единственный способ следовать лучшим практикам и изменениям в самом React Native. Изменения в архитектуре и функциональности помогли нам значительно сократить время разработки будущих мобильных приложений. Мы считаем, что в данном случае важнейшим критерием является скорость. Почти каждое внесенное нами изменение либо ускоряло процесс настройки, либо уменьшало количество ошибок в ваших будущих мобильных приложениях.

В этой статье мы хотим поделиться некоторыми мыслями о решениях, которые мы приняли при создании второй версии React Native Starter. И, конечно же, мы ценим ваши комментарии, электронные письма и коммиты на GitHub. Мы хотим поблагодарить всех, кто прислал какие-либо отзывы о первой версии React Native Starter. Он был очень содержательным и информативным, а главное, заставляющим задуматься.

Удален Expo и перешел на нативные проекты

Это решение было принято из-за множества ограничений, которые expo добавляет к вашим проектам. Одна из наших основных целей при работе с RNS - предоставить максимально масштабируемое решение. Предыдущая версия нашего стартового набора была построена с использованием структуры Expo и создавала некоторые ограничения для наших пользователей. Вот несколько примеров: сборки приложений были большими (25+ МБ с простым проектом), отсутствие собственных модулей, плохая поддержка оффлайн-функций и многое другое. Кроме того, мы считаем, что наш стартовый комплект можно использовать в сложном приложении, где вам может потребоваться настроить собственный код (Objective-C или Java), и вы не сможете сделать это с помощью Expo. Мы получили много отзывов от вас, наших пользователей, и решили избавиться от Expo в новом выпуске. И из-за этого изменения версия 2.0 не имеет обратной возможности по сравнению с первой.

Добавлен генератор Plop для облегчения разработки

Еще одна важная цель для нас - максимально ускорить процесс разработки без ущерба для качества. И Plop - одно из наших главных улучшений в этой области. Во-первых, вы, наверное, уже знаете, что наш стартовый комплект имеет модульную архитектуру (если вы этого не сделаете, прочтите дополнительную информацию в нашей документации). И после того, как вы скачали наш комплект, вы хотите добавить свои собственные модули и компоненты. С нашей конфигурацией Plop вы можете сгенерировать все необходимые файлы и импортировать их, просто выполнив одну команду. Просто введите plop в командной строке, ответьте на несколько вопросов, и у вас будет готов новый модуль или компонент! Магия, да?

Добавлена ​​поддержка модульного тестирования с помощью Jest и Enzyme.

Все любят тесты! Что ж, вам стоит;) С помощью нашего стартового набора мы хотим помочь вам создать максимально стабильный код. Мы добавили 2 варианта написания тестов: модульное тестирование с набором инструментов Jest / Enzyme и тесты e2e с детоксом. Поговорим немного о первом. Jest и Enzyme - это библиотеки, которые делают возможным модульное тестирование мобильного приложения. Эти библиотеки могут помочь вам протестировать ваши компоненты и функции, написав простые и элегантные модульные тесты. В Enzyme добавлена ​​поддержка тестирования снимков (подробнее здесь).

Добавлена ​​поддержка тестирования e2e с помощью Detox.

E2e относится к сквозному тестированию, что означает, что приложение тестируется путем проверки всех уровней, интерфейсов и т. Д. По отдельности, чтобы убедиться, что эти тесты показывают исчерпывающее изображение UX. Вы можете писать тесты для пользовательских историй. Например, вы пишете тест для процесса входа в систему, он содержит следующие шаги:

  • Откройте приложение.
  • Введите адрес электронной почты.
  • Введите пароль.
  • Щелкните кнопку входа в систему.
  • Убедитесь, что виден главный экран.

Вы пишете эти тесты с помощью jest-wrapper detox, ваше приложение открывается в любом симуляторе и проверяется на всех ваших историях. Это помогает выявить множество проблем с пользовательским интерфейсом во время разработки!

Новая модульная архитектура, которая поможет вам ускорить разработку приложений.

Архитектура Starter Kit разработана для поддержки масштабируемых модульных приложений. Построенный на основе Redux, он упрощает анализ состояния вашего приложения и, как следствие, создание поддерживаемых безошибочных программ.

Пожалуйста, ознакомьтесь с нашей документацией, чтобы узнать больше о нашей документации.

В заключении

И что дальше? В первую очередь изучим отзывы сообщества по этому поводу. Мы понимаем, что в будущем будет больше изменений, и мы хотим принять решение и обработать все данные. Во-вторых, мы хотим собрать несколько примеров мобильных приложений, созданных на основе нашего продукта. Нам было очень интересно, какие мобильные приложения вам удалось создать с помощью нашего React Native Starter v.2. Так что следите за нашими новостями, потому что будет несколько интересных примеров из практики. Мы считаем, что эти тематические исследования могут быть действительно поучительными в нескольких отношениях.

О Flatlogic

В Flatlogic мы разрабатываем веб-шаблоны и мобильные шаблоны. Мы вошли в топ-20 компаний по веб-разработке из Беларуси и Литвы. За последние годы мы успешно реализовали более 50 крупных проектов для малых стартапов и крупных предприятий.
Шаблоны Flatlogic
Примеры использования Flatlogic

Вот небольшой видеоролик о шаблонах Flatlogic, услугах веб-разработки и партнерской программе.

Первоначально опубликовано на flatlogic.com
https://flatlogic.com/blog/the-biggest-react-native- starter-update-so-far /

Flatlogic создает лучшие шаблоны администрирования для Vue, Angular и React с потрясающим дизайном и один из лучших мобильных шаблонов для React Native.