Вы, наверное, слышали, насколько хорош React Native и что вы действительно можете разрабатывать собственные мобильные приложения с помощью только javascript.
В последние годы экосистема javascript резко выросла, и существует несколько фреймворков, которые полагаются на мобильный веб-просмотр для рендеринга и выполнения приложений, но теперь с React Native приложения стали совершенно другими.
Это раскрывает возможности разработки нативных приложений на чистом js без ущерба для производительности (ведь сегодня все упирается в производительность, верно?)
Это руководство предназначено для всех, кто знает React достаточно, чтобы быть опасным, и ничего не знает о React Native.
Но сначала я должен упомянуть, что существует множество шаблонов в дикой природе:
- create-react-native-app
- react-native-starter-app
- react-native-webpack-starter-kit
- react-native-redux-starter-kit
- ignite cli
- expo cli
Инициировать проект
> npm install -g react-native-cli > react-native init projectNameHere
> cd projectNameHere > react-native run-ios (react-native run-android)
Приложение скомпилировано, эмулятор открывается и все 😎 😎 😎
Как мило.
Победа в развитии
Почему разработка с React Native так хороша, так это то, что когда вы нажимаете Cmd + D, вы попадаете в меню разработчика и просто нажимаете пункт «Включить горячую перезагрузку».
Теперь каждый раз, когда вы редактируете и сохраняете файл, он немедленно отражается в эмуляторе ⚡⚡⚡
Только представьте, сколько времени вы можете сэкономить, не дожидаясь перекомпиляции приложения при каждом изменении файла, просто чтобы увидеть небольшой изменения.
Отладка выигрывает
Нажмите Cmd + D в эмуляторе и нажмите «Debug JS Remotely», чтобы открыть новую вкладку Chrome.
На вкладке «Источник» вы можете увидеть все файлы js и добавить несколько точек останова для отладки кода.
Как насчет отладки макета? Без проблем.
Все, что нам нужно, это react-devtools:
> npm install react-devtools --save-dev
В разделе package.json, скрипта добавьте «react-devtools»: «react-devtools».
И просто запустите:
> npm run react-devtools
Это откроет отдельное окно, в котором вы можете увидеть макет приложения и где вы можете редактировать стили и сразу видеть изменения ⚡⚡⚡
Заключение
Я знаю Java, но я никогда в жизни не писал ни одного производственного Activity или Intent. К сожалению, я никогда не писал ни одной строчки на Objective-C / Swift, но все же могу создавать мобильные приложения для iOS и Android с помощью js. Это довольно мощно.
Что дальше
Прочтите документацию, чтобы узнать, как сгенерировать и подписать apk.
Для вдохновения загляните в Dribbble или Uplabs и начните создавать приложения. Вы также можете импортировать react-native-elements, связать собственные зависимости и просто отправить его.
