Слияние кода завершено, страница обновится автоматически
Проект на основе create-react-app v2 --typescript
Использует react-app-rewired для расширения конфигурации
По умолчанию использует Mobx для управления состоянием
Использует react-router для построения структуры страниц, новые страницы добавляются через конфигурационные файлы страниц
По умолчанию использует antd | antd-mobile как основной UI, настроено по требованию загрузки, рекомендуется использовать повторную обертку внутри компонентов для удобства обновления
Поддерживает разработку кросс-платформенных приложений для рабочего стола с использованием Electron, требуется самостоятельное использование пакетов
Это не фреймворк, а набор файлов для управления проектом на React
Каждый раз при разработке проекта можно оптимизировать и добавлять новые компоненты и функции инструментов
Регулярное обновление версий зависимостей
---Бизнес-логика разделена на первичные маршруты, одна страница — один файл, зарегистрированный в page/config.ts
Хранение данных также разделено по бизнес-логике на отдельные файлы в store и инстанцировано в store/index.ts, что образует основной store, а также несколько подstore, которые внедряются в App.tsx, перед внедрением можно выполнить предварительные настройки, например, автоматическое определение входа и т.д.
Внешние ссылки на большие компоненты следует использовать import() для разделения пакетов
Если это компонент React, можно использовать React.lazy() и <React.Suspense>
TsLint проверка кода
Документация проекта### Технологическая стек
---- Используемые языки
---``` │ config-overrides.js react-app-rewired конфигурационный файл │ NORM.md документация по стандартам разработки │ PROJECT.md документация проекта │ README.md описательная документация │ tsconfig.json конфигурация компиляции ts │ tslint.json конфигурация проверки кода ts ├─public │ config.js конфигурационный файл проекта └─src ├── App.less глобальные стили ├── App.test.tsx ├── App.tsx инициализация проекта ├── api.ts инициализация инструмента запросов API ├── api_mock.ts регистрация тестовых данных API ├── react-app-env.d.ts описание типов внешних ссылок ├── config.ts основная конфигурация ├── index.tsx входной файл ├── component компоненты │ ├── mobile компоненты для мобильных устройств │ │ ├── antd переопределенные компоненты antd │ │ ├── header заголовок │ │ └── tabBar нижняя панель навигации │ ├── pc компоненты для ПК │ │ └── antd переопределенные компоненты antd │ ├── file файловые компоненты │ │ ├── get_file.tsx получение файла │ │ └── img изображения - включает функцию предварительного просмотра │ ├── form компоненты для форм │ ├── router регистрация множества маршрутов │ └── transition/style.less глобальная регистрация анимации react-addons-css-transition-group ├── interface общие интерфейсы ├─page все страницы │ │ config.ts конфигурационный файл страницы │ │ index.tsx регистрация и основная страница │ ├─Folder1 первая страница │ └─Folder2 вторая страница
│ index.ts основное состояние
│ view.ts состояние представления
│ user.ts состояние пользователя
│ File1.ts подсостояние 1
│ File2.ts подсостояние 2
└── tool вспомогательные функции
├── city.json данные о провинциях, городах и районах
├── dom.ts функции для работы с DOM
├── file.ts функции для работы с файлами
├── function.less функции less
├── index.ts часто используемые функции
├── mock.ts функции для создания тестовых данных
├── reg_exp.ts функции для работы с регулярными выражениями
├── request функции для работы с запросами
└── string.ts функции для работы со строками
```### Инструкция по установке
---
1. npm config set registry https://registry.npm.taobao.org // Установка китайского зеркала
2. npm install --global yarn // Установка Yarn
3. yarn // Установка проекта
4. yarn start // Запуск в режиме разработки
5. yarn build // Сборка проекта
6. yarn serve // Запуск собранного проекта
7. yarn electron-start // Запуск клиента в режиме разработки, предварительно нужно запустить yarn start
8. yarn packager // Сборка клиента, предварительно нужно запустить yarn build
Вы можете оставить комментарий после Вход в систему
Неприемлемый контент может быть отображен здесь и не будет показан на странице. Вы можете проверить и изменить его с помощью соответствующей функции редактирования.
Если вы подтверждаете, что содержание не содержит непристойной лексики/перенаправления на рекламу/насилия/вульгарной порнографии/нарушений/пиратства/ложного/незначительного или незаконного контента, связанного с национальными законами и предписаниями, вы можете нажать «Отправить» для подачи апелляции, и мы обработаем ее как можно скорее.
Комментарии ( 0 )