Рубрики
Без рубрики

Реагируйте родную котельной – хорошо структурированная котельная для вашего проекта

React Native – это Framework на основе JavaScript Mobile-App, которая позволяет создавать своеобразную рендеринг мобильных приложений для Android, а также iOS. Если вы узнали JavaScript, то можете …

Автор оригинала: Handi Priyono.

React Native – это Framework на основе JavaScript Mobile-App, которая позволяет создавать своеобразную рендеринг мобильных приложений для Android, а также iOS. Если вы узнали JavaScript, то вы можете начать создавать реагировать нативный проект с легкостью.

Если вы хотите перейти к точке, это репозиторий GitHub для реагирования на родной котельной: https://github.com/handi-dev/react-native-boilerplate

Реагировать родной котельной 2021

Реагистрационная котельная 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