react native template

---

Реагировать нативный шаблон

Этот проект представляет собой нативный шаблон React, предназначенный для ускорения разработки путем предоставления основных функций, таких как управление государством, интернационализация, извлечение данных, навигация и многократно используемые компоненты.

Скриншоты

Создано с использованием компонентов по умолчанию, представленным в проекте.

Добро пожаловать экран

Вход в систему

Зарегистрировать экран

Экран профиля

Функции

• ? Интернационализация (i18n)

  • Многоязычная поддержка с использованием react-i18next для бесшовной локализации.

• ? ️ Управление государством с Redux

  • Централизованное государственное управление для эффективного доступа к глобальному государству и обновлениям.

• ? Данные, получая запрос React

  • Оптимизированное извлечение данных, кэширование и синхронизация.

• ? Навигация

  • Гладкая и интуитивная навигация с использованием react-navigation с базовыми компонентами, такими как VStack и HStack .

• ⚛ Архитектура на основе компонентов

  • Модульный дизайн с повторно используемым компонентами пользовательского интерфейса и последовательным стилем.

• ? Общие утилиты

  • Помощные функции и утилиты для оптимизированной разработки.

• ? Управление Axios

  • Настраиваемые запросы API с использованием Axios со встроенной обработкой ошибок и управлением ответами.

• Управление WebSocket

  • Поддержка общения в реальном времени с использованием веб-окетов.

• ? Управление cookie

  • Упрощенное управление файлами cookie для аутентификации и пользовательских сессий.

• Аутентификация

  • Аутентификация пользователя и регистрация с помощью управления безопасным токеном.

Компоненты

Проект включает набор многоразовых компонентов для строительства пользовательских интерфейсов:

• Кнопки компонентов

  • button.tsx : стандартный компонент кнопки с настраиваемым стилем.

• Типографические компоненты

  • h1.tsx , h2.tsx : заголовок компонентов для последовательной типографии.
  • text.tsx : настраиваемый текстовый компонент для отображения контента.

• Входные компоненты

  • input.tsx : базовый компонент поля ввода.
  • input-with-icon.tsx : поле ввода со значком для улучшенного взаимодействия с пользователем.

• Компоненты компонента

  • vstack.tsx : вертикальный макет стека для расположения элементов вертикально.
  • hstack.tsx : горизонтальная планировка стека для расположения элементов горизонтально.
  • spacer.tsx : проставка компонента для добавления гибкого пространства между элементами.

• Навигационные компоненты

  • navbar.tsx : настраиваемая навигационная строка для заголовка приложений.

• Компоненты изображения

  • image.tsx : компонент изображения для отображения изображений с поддержкой кэширования.

• Компоненты утилиты

  • separator.tsx : компонент разделителя для разделения контента.
  • separator-with-text.tsx : разделитель с текстом для улучшенного пользовательского интерфейса.
  • switch.tsx : компонент переключения переключения для логических входов.

• Индексный файл

  • index.ts : центральный экспортный файл для компонентов.

Начиная

Предварительные условия

Убедитесь, что у вас установлено следующее:

• Node.js (v14 или выше)
• Пряжа
• Android Studio / Xcode для разработки Android / iOS

Установка

1. Клонировать репозиторий:

   git clone [email protected]:ToniDarodda/react-native-template.git
   cd ReactNativeTemplate

2. Установить зависимости:

   yarn install

3. Настройка переменных среды:

   Обновите файл .env в корневом каталоге с настройками конфигурации:

   API_URL= ' https://your-api-url.com '
   SOCKET_URL= ' https://your-socket-url.com '

Запуск приложения

1. Запустите Metro Bundler:

   yarn start

2. Запустите приложение на Android:

   yarn android

3. Запустите приложение на iOS:

   yarn ios

4. Доступ к приложению:

   Приложение будет доступно на вашем эмуляторе или устройстве.

? Тестирование

Чтобы запустить тесты, используйте следующую команду:

yarn test 

Сценарии

• ? Код формата с использованием формата Prettier: yarn format
• ? ‍♂️ Начните применение: yarn start
• ? ‍ Начать в режиме разработки: yarn android или yarn ios
• ? Зачитывать код, используя Eslint: yarn lint
• ? Запустите тесты: yarn test
• Запустить сквозные тесты: yarn test:e2e

Лицензия

Нет лицензии; Вы можете использовать его.

? Автор

Тони да Родда

Значки

• Развертывание
• Конфигурация
• ? Документация
• ? Обслуживание
• Безопасность
• ? Интеграция электронной почты
• ? Оптимизация производительности
• ⚡ Получите время

---

Не стесняйтесь внести свой вклад в этот проект, отправив вопросы или обращайте запросов.

По любым вопросам или поддержке, пожалуйста, свяжитесь с Тони да Родда.

---