Создание и настройка базового приложения на React
19.07.2024
15.04.2025
0 минут
64
0
0
0
0
Создание React проекта
Нужно создать отдельную директорию, ибо npx засрёт вам файлами ту директорию в которой вы создадите проект.
mkdir ProjectRoot
сd ProjectRoot
Если вы впервые пользуетесть npm, незабудьте установить следующий пакет. Он нам понадобится.
npm install create-react-app
Создаём наше React приложение
npx create-react-app Project
Проверка работоспособности проекта
Зайти в директорию проекта
cd Project
Выполнить комманду в терминале
npm start
Вы должны увидеть что-то вроде этого
Форма обратной связи
Подписка на рассылку
Комментарии
(0)
Отправить
Сейчас тут пусто. Буть первым (oﾟvﾟ)ノ
Другое
Похожие статьи
Как соединить React приложение с Django API. Их взаимодействие через rest API
24.07.2024
209
0
0
0
0
В данной статье я опишу процесс объединения <b>React</b> и <b>Django</b> под одним проектом. Мы настроим API для общения обоих между собой, а так же подключим TailwindCSS библиотеку, дабы упростить создание …
Новый проект: SearchResultParser | Тим Вебмастер
16.07.2024
119
0
0
0
0
Буду занят разработкай нового проекта с кодовым названием SearchResultParser. Его суть в том, чтобы парсить данные из поисковой выдачи различных поисковых машин. Таких как google, youtube, yandex и прочих.
Django + allauth на реакте. Системе аутентификации пользователей ч. 4
31.01.2025
99
0
0
0
0
В этой статье я опишу процесс подключения и настройки allauth приложения к django проекту, где фронтендом занимается react. Это базовая настройка с подтверждением почты и возможностью восстановления пароля. С исходным …
Использованные термины
- Django шаблон ⟶ Это текстовый документ, который размечен специальным ситнаксисом для вставки кода в него.
- Django модель ⟶ Это менеджер баз данных во фреймворке Django. Реализованно в виде класов и наследования в Python
- Реакт ⟶ Это библиотека JavaScript, разработанная Facebook для создания пользовательских интерфейсов, в частности, для одностраничных приложений. React позволяет разработчикам создавать компоненты, которые могут эффективно обновлять и рендерить при изменении данных.
- Реакт компонент ⟶ Это независимый, переиспользуемый фрагмент кода, который отвечает за определённый участок пользовательского интерфейса (UI). Компоненты могут быть созданы как классовые, так и функциональные.
- Джанго представления ⟶ Это функции или классы, которые обрабатывают HTTP-запросы и возвращают HTTP-ответы. Они отвечают за бизнес-логику вашего приложения и связаны с моделями данных, чтобы взять информацию из базы данных и отобразить её пользователю.
- Джанго мидлвари ⟶ Это компонент, выполняющийся на уровне обработки запросов и ответов в веб-приложении. Мидлвары позволяют обрабатывать запросы и ответы глобально, применяя различные функции к каждому запросу, прежде чем он достигнет представления (view), или к каждому ответу перед его отправкой клиенту.
Релевантные вопросы
- Если я внесу изменения в модель, как мне обновить базу данных? Взгляните на поддержку Django для миграции схем. Если вы не против очистки данных, утилита manage.py вашего проекта имеет опцию сброса, чтобы сбросить базу данных в состояние, в котором она была сразу после выполнения миграции.
- Динамически сгенерированный админ-сайт уродлив! Как его изменить? Вы можете изменить представление сайта администратора, отредактировав таблицу стилей CSS и/или связанные файлы изображений. Сайт создан с использованием семантического HTML и множества CSS-хуков, поэтому любые изменения, которые вы хотите внести, должны быть возможны путем редактирования таблицы стилей
- Как лучше всего комбинировать шрифты? Перегружать веб-сайт разными шрифтами никогда не бывает хорошей идеей, но не повредит объединить несколько простых шрифтов на каждой странице. Общее правило заключается в том, чтобы объединить два шрифта, которые выглядят довольно похоже с одним заметным отличием.
- Назовите несколько способов сократить время загрузки веб-сайта? Вот несколько способов сократить время загрузки сайта: 1) Найдите решение для хостинга с оптимизированной производительностью. 2) Сжимайте изображения и другой визуальный контент. 3) Уменьшите перенаправление URL. 4) Размещайте файлы JavaScript и CSS во внешнем хранилище. 5) Инвестируйте в сеть доставки контента (CDN). 6) Удалите ненужные дополнения