Автор оригинала: FreeCodeCamp Community Member.
Тейлор Миллимана
Через несколько недель игры с реактивным в родном я только что ушел с моим первым настоящим мобильным приложением. Это довольно просто, но это потребовалось всего несколько дней, чтобы построить, и у меня было взрыв.
Я создал мобильное приложение для моего любимого блога еды, Смятная кухня Отказ
Приложение позволяет пользователям искать в базе данных более 1000 рецептов и кратко просмотреть необходимые ингредиенты и направления для каждого.
Пользователи также могут закладки рецепты и легко делиться ими с другом.
Я все еще жду разрешения в блоге публиковать это приложение, но вы можете проверить весь код здесь Отказ Обратите внимание, что URL для моего API было ограждено на момент вынесения уважения к смутной кухне.
Реагировать родной не уходит в ближайшее время
Общее оговорку среди разработчиков состоит в том, что они не хотят вкладывать время, чтобы узнать новую технологию, если есть сильный шанс, что он станет устаревшим в ближайшем будущем.
Даже из моего относительно минимального опыта в реактивном родном режиме я обнаружил, что он является чрезвычайно мощным инструментом. Я уверен, что его будут использоваться в годы.
Facebook, Instagram и Airbnb Все построили последние версии своих мобильных приложений, используя React Native. И вот a Список Из некоторых других популярных приложений, которые были построены, используя его.
Джефф Мейерсон , создатель подкаста Программное обеспечение ежедневно , широко разговаривал о реактивной нативной платформе. Он считает, что он выживет и продолжит захватывать большинство мобильной экосистемы.
Он даже предположил, что Facebook может создавать свой собственный мобильный телефон, который будет построен специально для поддержки приложений, выполненных с реактивными нажимами.
Как реагировать родной отличается от других кроссплатформенных инструментов
Если вы новичок в Реагировать Родные Это проект с открытым исходным кодом, созданный Facebook. Это позволяет разработчикам построить кроссплатформенные мобильные приложения с помощью JavaScript. Он работает очень похожи на реагирование, популярную библиотеку JavaScript Facebook для создания веб-приложений одной страницы.
Я всегда скептически относился к инструментам, которые рекламируют себя как кроссплатформенные для мобильных устройств. Слишком часто вы в конечном итоге с видом, чувствуете и производительностью, которые не совсем совпадают на родной платформе.
React Native не похоже на другие рамки развития мобильных приложений, таких как Ionic или Cordova. Те, кто работает внутри веб-вида веб или «приложение HTML5» или «Hybrid App».
Вы создаете высокопроизводительное мобильное приложение, которое неотличимо от одного, который построен с использованием SWIFT/Objective-C или Java.
Это, как говорят, все еще важно понимать тонкости и различия между платформами. Пользовательский опыт для Android и iOS принципиально отличается, и вам все равно нужно построить свое приложение таким образом, чтобы ощутить естественное на обеих платформах.
Кроме того, если когда-либо есть функция, которую вам нужно добавить, что еще не поддерживается собственной библиотекой raction, rage rature позволяет легко написать свой собственный Родной модуль На соответствующем языке, который затем может быть связан с вашей реактивной нативной кодовой базой.
С чего начать
Лично я использовал Этот курс Udemy для начала. Он служил хорошим переподготовке реагирования и Redux и был полезен для получения настройки.
И недавно Facebook выпущен Создать реагировать нативное приложение . Этот инструмент дополнительно упрощает начальную процесс настройки.
Если вы уже знакомы с реагированием, вы, вероятно, можете погрузиться прямо в Документация Отказ Всего за 10 долларов, однако, что курс является сделками и проходит вас через процесс изготовления четырех мобильных приложений, а также общих компонентов, которые вы можете повторно использовать в будущих проектах.
Udemy также предлагает курс, покрывающий Продвинутые реагировать нативные концепции , для тех, кто уже знаком с платформой.
Стиль в реактивный родной
Стайлинг в реактивном родном привыкается к. Реагируйте натуральные в значительной степени используют CSS Flexbox, то, что мне не особенно было удобно, даже приходя из веб-фона.
К счастью, уже есть несколько фантастических ресурсов, чтобы узнать о Flexbox:
Как работает Flexbox – объясняется большими, красочными, анимированными GIFS
Реагировать нативные примеры макета
Веселая игра, чтобы помочь вам практиковаться: Flexbox FrOggy
После работы с реагированием на несколько недель у меня сейчас гораздо лучшее понимание Flexbox, которое я могу применить к моему следующему веб-проекту.
Текущая лучшая практика состоит в том, чтобы создать объект стилей для каждого компонента, затем применить его через встроенные стили. Имейте в виду, что вы на самом деле не пишу CSS, поэтому именование свойств также немного отличается.
Другая ключевое отличие состоит в том, что вы не можете использовать теги HTML в вашем JavaScript, потому что вы пишете код для запуска по телефону, а не в браузере. Вместо этого компоненты построены с набором компонентов базового уровня, предоставляемой собственной библиотекой RACT.
Требуется немного привыкнуть, но прежде чем вы узнаете, что вы найдете себя случайно, используя <Просмотр> & LT;/View> Тег в Место
Чтобы лучше почувствовать, как все это работает, возьмите заглянуть в код для простого компонента кнопки ниже.
Вот …| Github Gist Отказ
Навигация
Навигация – одна из немногих областей реагирования на родом, где не существует консенсуса на четкое решение.
Реагниальный маршрутизатор стал стандартной библиотекой выбора для сообщества React Community, но есть несколько библиотек, плавающих вокруг в реактивном местном сообществе.
Лично я использовал Реагировать родной роутер Flux Библиотека для моего проекта, которая работала просто хорошо. Но я вижу, как вы можете столкнуться с более крупными проблемами на более сложных проектах.
К счастью, ориентирован в реакцию на родиве массивное сообщество. Новые версии проекта выпущены каждый месяц, поэтому я уверен, что проблемы, такие как навигация, будут решены со временем.
Опыт разработчика имеет значение
Способность обмениваться кодом между приложениями Android и iOS, несомненно, привлекательна оригинальная натуральная, но это лишь небольшая часть того, что делает инструмент настолько невероятным.
Моя любимая часть использования NACT REACT – это возможность немедленно перезагружать. Я использовал Android Studio в прошлом, и обычно приходилось иметь дело с 30-60 секундным временем сборки.
Это экономит время, и мне было легче попасть в состояние потока без этих надоедных времен строя, чтобы нарушить меня.
React Native снова делает мобильную разработку веселья, и что одни достаточно причина, чтобы попробовать его для вашего следующего проекта.
Будьте готовы исследовать
React Nature – это идеальный пример того, что может произойти, когда мы применяем идеи, которые доказали успешную в одной области программного обеспечения (Web), к кажущейся отдельным направлениям (на мобильном).
Как Haseeb Quereshi убедительно утверждается в его разговаривать о конвергенции , в качестве инженеров программного обеспечения мы должны преобразовать определенные принципы, языки и инструменты, которые могут быть успешно применены повсеместно.
Мы должны захотеть найти, что на самом деле является оптимальным решением.
Часто мы становимся чрезмерно догматичным в сообществе, что происходит за счет получения важных представлений от внешних сообществ.
Иди исследуйте другие районы.
Если вы попробуете реагировать родным, вы увидите, насколько удивительны результаты могут быть.
Большое спасибо за то, что вы получите время из своего дня, чтобы прочитать мою статью.
Чтобы прочитать больше моего письма по разработке программного обеспечения и личного развития, посетите taylormilliman.me Отказ
Если вам понравится более подробные статьи/Учебники по поводу реагирования на родом, нажмите «?» ниже и не стесняйтесь оставить комментарий ниже.
Оригинал: “https://www.freecodecamp.org/news/after-building-my-first-react-native-app-im-now-convinced-it-s-the-future-d3c5e74f8fa8/”