Автор оригинала: Handi Priyono.
React Native – это Framework на основе JavaScript Mobile-App, которая позволяет создавать своеобразную рендеринг мобильных приложений для Android, а также iOS. Если вы узнали JavaScript, то вы можете начать создавать реагировать нативный проект с легкостью.
Если вы хотите перейти к точке, это репозиторий GitHub для реагирования на родной котельной: https://github.com/handi-dev/react-native-boilerplate
Реагистрационная котельная 2021
Проблема исходит от того, как мы управляем структурой файлов, структуру папки лучшей практики, а также какую библиотеку мы будем использовать для разработки приложений, которые являются стабильными. Убедитесь, что вы используете только необходимую библиотеку. Никогда не устанавливайте библиотеки, а на самом деле вы не используете эти библиотеки в коде. Лучше удалить эту библиотеку вместо того, чтобы вы вставляете в свой проект.
Критерии для лучшего реагирования на родной котельной
Если вы собираетесь создать Реагировать родной Проекты с нуля, вы должны подумать об использовании реактивной котельной. Реагистрационная архитектура котельной, обычно создаваемая для лучшей производительности, а также следует реагировать на реакцию/реагировать на бесперебую практику.
Если вы хотите получить лучшую реактивный бойтерную табличку, убедитесь, что котельная ежемесячно обновляется. Поскольку библиотеки всегда обновляются, а также сама версия реагирования. Обычно вы можете проверить, что обновленные журналы изменений в репозитории GitHub.
Если вы клонируете старый и неодаваемый шаблон React-atramate BoteRate, ваше приложение будет недостаточным. И это приведет к другой проблеме в вашем коде, когда речь идет о совместимости и так далее.
В основном, какая любая реакция на родной котельной должен иметь:
1. Навигация.
Он используется для перемещения на другую страницу или экран. Большинство разработчиков используют навигацию на реакцию.
2. Государственное управление.
Он используется для хранения глобального состояния, которое можно получить доступ с любого экрана. Один из них Redux с Redux Thunk. Другой вариант – mobx.
3. Реагистрационные крючки
Вы можете использовать последние реактивные крючки вместо использования класса React. Некоторые разработчики также хотят интеграции реагировать на родной котельной с помощью Teadercript. Это вариант.
4. Реагируйте родной значок
В основном, проект всегда использует значок для улучшения своего появления. Итак, мы можем использовать «реагировать родной вектор значок». В качестве другого варианта вы также можете импортировать свой локальный значок.
Я, вот и все. Поскольку потребности каждого проекта различны, так что должна быть просто простая котельная. Позже разработчики могут добавить другую библиотеку, которая необходима для разработки новых функций.
Исходя из своего опыта в качестве инженера-реагирования инженера почти 3 года, я создал реагированную котелную табличку, которую я могу использовать в любом проекте. Вы также можете использовать эту простую бойную табличку в вашем проекте, поскольку он состоит из простых библиотек и имеет лучшую структуру папки.
Я поделюсь на эту бойную табличку и как его использовать в вашем проекте. Убедитесь, что вы установили React-Nature-Ream в качестве глобального пакета. Если вы еще не установили это, вы можете следовать этой команде.
NPM I Regive-Native-Rename -G
После этого выполните шаги ниже:
Клон это репо, Git клон https://github.com/handi-dev/react-native-boilerplate.git <Название вашего проекта>
Перейдите в корневой каталог проекта, CD <имя вашего проекта>.
Удалить папку .GIT,
RM -RF .GIT.
Используйте RECT NARY RENAME для обновления имени проекта $
NPX React - NATION-RESANE
Беги
NPM установить
установить зависимостиБеги
NPX POD-установка
от корня вашего проектаЕсли у вас есть ошибка, как:
Версия Cocoapod, используемых для генерации LOCKFILE (X.X.X), выше, чем версия текущего исполняемого исполняемого файла (x.x.x)
Затем вы можете обновить вашу версию Cocoapods.Если вы устанавливаете Cocoapod, используя доморь, вы можете использовать эту команду:
Brew Upgrade Cocoapods
Если это не работает, попробуйтеBrew Установить Cocoapods
ОтказЕсли вы ранее устанавливаете, используя
GEM
Затем используйте эту команду и запустите на своем терминале:Sudo Gem Установить Cocoapods
Убедитесь, что ваша версия Cocoapods обновляется после запуска этой команды.
Чтобы проверить свою текущую версию Cocoapods, запустите
стручок --version.
После этого не забудьте выполнить в вашем терминале
Обновление POD REPO
И, наконец, беги
NPX POD-установка
Отказ Эти методы должны быть решены эту проблему.Последний метод: если все вышеперечисленные шаги не работают, удалите
Podfile.lock
в папкеIOS
, а затем запустить `NPX POD-установкаЗапустите Packager с
Начнем NPM
Подключите свое устройство или используйте эмулятор, который установлен на вашем компьютере
Запустите тестовое приложение:
На Android: запустить
NPX React - родной Run-Android
На iOS: Открыть
NPX React - родной Run-iOS
Я надеюсь, что котельная может быть полезна для всех вас, ребята. Если у вас есть какие-либо вопросы, пожалуйста, посетите меня на Github. Не забывайте вилку и отдай звезду.
Для получения полных инструкций о том, как установить, вы можете перейти к реакции на родной репозиторий Boilerplate 2021: https://github.com/handi-dev/react-native-boilerplate