Всем Привет! Начинаю публикацию заметок посвященную React Native. Нет такого направления в которое бы не запустил свои длинные руки JavaScript и на этот раз он добрался до нативной разработки мобильных приложений для устройств работающих под управлением Android и iOS. В отличии от React Native, подобные фреймворки весь код транслируют в WebView и остаются по сути веб приложениями, в React Native происходит компиляция разрабатываемого кода в нативную реализацию, как будто приложение написано на Java или Objective-C. В первой заметке я затронул установку, если честно, очень трудозатратное занятие, пришлось потратить массу времени чтобы со всем разобраться. Здесь собрал только самые важные команды, но если делаете это в первый раз советую обратиться к документации.
Установка
1.) Установить Node.js
2.) Установить Yarn
3.) Установить и настроить редактор Visual Studio Code
4.) Установить плагины в редакторе – React Native Snippet и React Native Tools
5.) Устанавливаем – Getting Started React Native исходя из того на какой ОС будет производиться разработка программы
Вариант – Expo CLI
1 2 3 4 | yarn global add expo-cli expo init AwesomeProject cd AwesomeProject yarn start #you can also use: expo start |
Вариант (Устарел) – Create React Native App
1 2 3 4 | yarn global add create-react-native-app create-react-native-app my-project cd my-project yarn start |
Вариант (Лучший) – React Native CLI (указаны только команды, настройка сложнее, все в описании – Getting Started React Native)
1 2 3 4 5 6 | yarn global add react-native-cli react-native init AwesomeProject cd AwesomeProject react-native run-android -or- react-native run-ios |
6.) Установить react-devtools
1 2 3 4 5 6 | yarn global add react-devtools // start react-devtools // если не работает сразу adb reverse tcp:8097 tcp:8097 // Запуск соединения в эмуляторе Ctrl + M |
Вся информация публикуемая в заметках о React Native собрана в репозитории в отдельных ветках на GitHub – https://github.com/NetWorkRoom/react-native-start