abritov / ra-stepbystep

Серия уроков по разработке админ панелей и CRM систем на базе react-admin

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Учим react быстро! Серия уроков

Всем привет! Меня зовут Саша, я преподаю Java & JavaScript и занимаюсь backend разработкой. Я сделал этот курс, чтобы передать свой опыт обучения реакту на примере react-admin.

RA - это фреймворк, который работает на базе чистого react и предоставляет набор готовых шаблонов и макетов, на основе которых можно быстро создать сложные SPA (Single Page Application) приложения, не имея большого опыта во frontend разработке. Для обучения вам понадобится базовый уровень владения JavaScript ES6 или TypeScript, редактор кода Visual Studio Code & Google Chrome

Главная страница Список задач Вот так выглядит проект, который я собрал практически без опыта работы с реактом за две недели

1️⃣ Урок первый

Подготовка среды

React-admin работает поверх чистого реакта, поэтому, вам понадобится:

  1. Интерпретатор JavaScript — node.js (я использовал версию 14.19.1)
  2. Пакетный менеджер yarn
  3. Проектный менеджер реакта create-react-app

Установка

Скачать установщик node.js для windows. Если у вас другая система, найдите нужный установщик здесь.

Далее нужно установить пакетный менеджер. Откройте терминал (Зажать кнопки Win+R, ввести cmd, нажать Enter) И введите команду — npm i -g yarn

Установить проектный менеджер реакта — yarn global add create-react-app

Если с установкой проекта не возникло проблем - переходите на Урок 2

Задать вопросы можно в группе в телеграмме

About

Серия уроков по разработке админ панелей и CRM систем на базе react-admin

License:Apache License 2.0


Languages

Language:JavaScript 53.0%Language:HTML 38.7%Language:CSS 8.2%