Привет ребята! Я хотел бы представить свой последний выбор инструментов разработки React Native для iOS, плейлистов, услуг, тестирования, библиотек и веб-сайтов, которые я сейчас использую и изучаю на MacBook Pro 2015 и 2011 .

Инструменты

Существует несколько различных сред разработки DECO и EXPO, или вы можете использовать Nuclide от Atom . Я использую EXPO XDE прямо сейчас. Не используйте DECO, ребята. Becuse После удаления DECO с вашего компьютера, DECO все еще сохраняет 800 МБ. Не знаю почему? Если вы действительно работаете с реальной IDE, вы можете использовать PyCharm или Webstrom.

Снежинка, Пепперони и Ignite - это стартовые наборы React Native для iOS.

f8App предоставляет учебные пособия, которые помогут начать использовать React Native.

Площадка для React Native Экспо. Также вы можете найти отличные приложения о Expo

CodePush - еще одна спасатель жизни. Этот инструмент представляет собой облачную службу, которая развертывает обновления мобильных приложений непосредственно на устройствах пользователей.

Диспетчер рабочего стола Npm помогает с легкостью добавлять, удалять, обновлять глобальные и локальные пакеты.

Sentry - это кроссплатформенная платформа для отчетов и агрегирования сбоев.

ESLint и Flow помогут вам в написании более качественного и правильного кода.

DevTools для Redux помогает с горячей перезагрузкой, воспроизведением действий и настраиваемым пользовательским интерфейсом.

Библиотеки

Кураторский список приложений с открытым исходным кодом React Native

NativeBase - важный кроссплатформенный компонент пользовательского интерфейса для React Native. Мы можем изменить внешний вид нашего приложения из одного файла вместо каждого компонента.

MobX - это библиотека управления состоянием, аналогичная Redux, которая фактически является текущей библиотекой управления состоянием. Однако MobX максимально прост.

React Native Apple HealthKit - это модуль-мост для взаимодействия с данными Apple HealthKit.

Стилизованный компонент - это визуальный примитив для возраста компонента.

React Color - это коллекция палитр цветов из Sketch, Photoshop, Chrome, Github, Twitter, Material Design и других.

Native Navigation, React Native Router Flux или Vix React Native Navigation используются для перехода между страницами.

Axios используется для HTTP-запросов.

Библиотека управления состоянием Redux - это мощная пара с React. Обратите внимание на эту удивительную репо и игровую площадку (редукция работает напрямую) область.

Векторные иконки содержат кнопки, логотипы, панели навигации и панели вкладок. Легко расширять, стилизовать и интегрировать в ваш проект.

tcomb form native генерирует форму на основе модели предметной области.

React Native Elements - надежный вариант, который предлагает все необходимое UI Toolkit. Но вопрос в том, почему? Потому что вы можете создавать свои собственные компоненты.

Lottie визуализирует анимацию Adobe After Effects в приложении для iOS. Различие Lottie загружает данные анимации в формате JSON и отображает анимацию в реальном времени. Ознакомьтесь с бесплатными файлами.

Библиотека react native device info - это информация об устройстве для React Native iOS и Android.

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

Jest - это безболезненная библиотека для тестирования React Native.

Жасмин ждет всевозможные испытания.

Бэкэнд

Если у вас есть опыт работы с React, вы можете создать свой собственный сервер с помощью mern.io. Mern построен на Mongo, Express, React и Node. Но если у вас есть опыт работы с Angular, то вам лучше подойдет mean.io. Если у вас нет ни одного из этих опытов, Meteor’s - хороший вариант для вас.

Сайты

Вы можете найти невероятные примеры ReactNative здесь React.Rocks

React Native github-страница сайт.

Сделано с React - это набор веб-сайтов и приложений, использующих React Native.

Start React - это библиотека тем и шаблонов React.js, которые можно бесплатно загрузить.

Компоненты пользовательского интерфейса ReactEx ​​ со всего Интернета, доставленные в ваш почтовый ящик.

Я делюсь своим любимым веб-сайтом React Native.

Очень хороший React Native Информационный бюллетень.

страница Facebook React Native.

Руководство и справочник, чтобы помочь людям начать работу с React Native - ReactNativeExpress.

Отладка

React Developer Tools для отладки инструментов для Chrome Developer Tools.

react-devtools работает как с React DOM, так и со страницей React Native для React.

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

Услуга

Оболочка React Native для Intercom.io - это платформа обмена сообщениями, которая помогает налаживать отношения с потребителями.

Testfairy, HockeyApp, Buddybuild, Applivery - это инструменты для бета-тестирования React Native. Мой любимый - Buddybuild.

Sentry - это инструмент для создания отчетов об ошибках, содержащий множество полезных данных об устройстве и предоставляющий целостные отчеты как с трассировкой стека, так и с трассировкой стека JS.

Условия

  • Компоненты. Компоненты - это составные строительные блоки для вашего собственного приложения React.
  • JSX: JSX - это синтаксис для встраивания XML в JS.
  • Жизненный цикл компонента. Жизненный цикл помогает управлять сложностью API различных платформ.
  • Реквизит: реквизит - это способ передачи данных от родителя к ребенку.
  • Состояние: состояние - это то, как данные компонента выглядят в определенный момент времени.

Подкаст

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

Один из них React Native Radio. не переходите к главе 18.

Вот и все. 😃😃😃 Спасибо за чтение. Я надеюсь, что все эти инструменты помогут вам повысить производительность при разработке React Native.

Если вы хотите подписаться на меня в социальных сетях, вот несколько ссылок. Github, twitter, linkedin

Вы можете ознакомиться с моими предыдущими статьями здесь.