Привет ребята! Я хотел бы представить свой последний выбор инструментов разработки 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
Вы можете ознакомиться с моими предыдущими статьями здесь.