oftadeh react admin

Администратор Oftadeh React

Oftadeh — React Admin Responsive Template — это приложение React, полностью написанное на Javascript (reactjs и Material-UI) и не зависящее от jQuery.

Чтобы просмотреть живую демонстрацию, нажмите здесь.

Реагировать

React — это ядро ​​нашего шаблона. Если вы не знаете, что такое React, или не знаете, как его использовать, мы настоятельно рекомендуем проверить React, прежде чем начинать что-либо делать с Oftadeh.

Создать приложение React (CLI)

Create React App — это инструмент, созданный разработчиками Facebook, который поможет вам создавать приложения React. Это избавит вас от трудоемкой установки и настройки.

Оглавление

• Администратор Oftadeh React
  • Реагировать
  • Создать приложение React (CLI)
  • Оглавление
  • Предварительные условия
    • Node.js
  • Установка
    • Разработка
    • Производство
    • Развертывание
  • Структура проекта
  • Источники и авторы
  • Доступные сценарии
    • npm start
    • npm test
    • npm run build
    • npm run eject
  • Узнать больше
    • Разделение кода
    • Анализ размера пакета
    • Создание прогрессивного веб-приложения
    • Расширенная конфигурация
    • Развертывание
    • npm run build не может минимизировать
  • Лицензия
  • Пожертвовать

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

В этом разделе вы найдете некоторую информацию о том, какие инструменты вам понадобятся.

Node.js

Чтобы установить и использовать Oftadeh React, вам понадобится установленный на вашем компьютере Node.js. Мы не будем вдаваться в подробности о Node.js, поскольку это выходит за рамки данной документации. Кроме того, вам не нужно будет использовать Node.js, он необходим только для процесса разработки.

Установка

A.Установка необходимых компонентов
Загрузите и установите как минимум LTS или последнюю версию Node.js с его веб-сайта.

Б. Установка Oftadeh React
Откройте любимое консольное приложение (терминал, командную строку и т. д.), перейдите в рабочую папку, выполните следующую команду и дождитесь ее завершения:

npm install

Эта команда установит все необходимые модули Node.js в каталог node_modules внутри вашей рабочей папки.
И теперь вы готовы впервые запустить Oftadeh React.

Разработка

Находясь в рабочей папке, выполните следующую команду в консольном приложении:

npm start

И все. create-react-app позаботится обо всем и запустит Oftadeh React.
Вы можете проверить консольное приложение, чтобы получить дополнительную информацию о сервере. По умолчанию он будет работать на [http://localhost:3000](http://localhost:3000), но это может измениться в зависимости от ваших настроек.

Производство

Следующая команда создает приложение в выходной каталог.

npm run build

компилирует приложение в каталог /build

Развертывание

Оформить заказ можно в документации Facebook create-react-app: Развертывание.

Структура проекта

Вот структура проекта Oftadeh React:

Источники и авторы

• материал-пользовательский интерфейс
• clsx
• реакция-драфт-wysiwyg
• Йодит-реагировать
• материалы-дизайн-значки
• фслайтбокс
• реакция-маршрутизатор-дом
• таблица материалов
• Mui-таблицы данных
• момент
• реагировать-большой-календарь
• перезаряжает
• реакция-chartjs-2

Этот проект был запущен с помощью приложения Create React.

Доступные сценарии

В каталоге проекта вы можете запустить:

npm start

Запускает приложение в режиме разработки.
Откройте http://localhost:3000, чтобы просмотреть его в браузере.

Страница перезагрузится, если вы внесете изменения.
Вы также увидите любые ошибки в консоли.

npm test

Запускает тест-раннер в режиме интерактивного просмотра.
Дополнительную информацию см. в разделе о запуске тестов.

npm run build

Собирает приложение для производства в папке build .
Он правильно объединяет React в производственном режиме и оптимизирует сборку для достижения наилучшей производительности.

Сборка минимизирована, а имена файлов включают хеши.
Ваше приложение готово к развертыванию!

Дополнительные сведения см. в разделе о развертывании.

npm run eject

Примечание: это односторонняя операция. После того, как вы eject , вы не сможете вернуться!

Если вас не устраивает инструмент сборки и варианты конфигурации, вы можете eject в любое время. Эта команда удалит единственную зависимость сборки из вашего проекта.

Вместо этого он скопирует все файлы конфигурации и транзитивные зависимости (webpack, Babel, ESLint и т. д.) прямо в ваш проект, чтобы вы имели полный контроль над ними. Все команды, кроме eject по-прежнему будут работать, но они будут указывать на скопированные сценарии, чтобы вы могли их настроить. На данный момент вы сами по себе.

Вам не обязательно использовать eject . Рекомендуемый набор функций подходит для небольших и средних развертываний, и вы не должны чувствовать себя обязанным использовать эту функцию. Однако мы понимаем, что этот инструмент не будет полезен, если вы не сможете настроить его, когда будете к этому готовы.

Узнать больше

Подробную информацию можно найти в документации по созданию приложения React.

Чтобы изучить React, ознакомьтесь с документацией React.

Разделение кода

Этот раздел переехал сюда: https://facebook.github.io/create-react-app/docs/code-splitting.

Анализ размера пакета

Этот раздел переехал сюда: https://facebook.github.io/create-react-app/docs/analyzing-the-bundle-size.

Создание прогрессивного веб-приложения

Этот раздел переехал сюда: https://facebook.github.io/create-react-app/docs/making-a-progressive-web-app.

Расширенная конфигурация

Этот раздел переехал сюда: https://facebook.github.io/create-react-app/docs/advanced-configuration.

Развертывание

Этот раздел переехал сюда: https://facebook.github.io/create-react-app/docs/deployment.

npm run build не может минимизировать

Этот раздел переехал сюда: https://facebook.github.io/create-react-app/docs/troubleshooting#npm-run-build-fails-to-minify.

Лицензия

Совершенно бесплатно (MIT)! Дополнительную информацию смотрите на LICENSE.md.

Пожертвовать

Вы можете сделать нам пожертвование. ссылка для доната