Стыкуем React + Node.js. Пишем приложение файловый менеджер, фронт react.js, бек - node.js

⏰ Курс JavaScript 2.0: https://itgid.info/course/javascript-2
🧠 Чат Telegram c кодами задач: https://t.me/itgid_info
👇 Разверни для полной информации
🤖 Курс React.js https://itgid.info/course/reactjs
🧱 Курс Node.js https://itgid.info/course/nodejs
⏰ Курс JavaScript 2.0: https://itgid.info/course/javascript-2
💎 Курс Функции в JavaScript: https://itgid.info/course/function-2021

🧑🏻‍💻 Сайт: https://itgid.info
😋 Курс Методы массивов: https://itgid.info/course/arraymethod

Cоздаем приложение на React.js и node.js - файловый менеджер. Frontend реализуем на React.js, а бекенд на Node.js ( фреймворк Express.js). Получение файлов и папок с сервера, вывод, переход и навигация по ним.

00:00 Обзор проекта
01:45 Создаем проект на express.js
04:00 Создаем файл server.js
06:40 Создаем папку routes
08:10 Создаем роутер main.js
11:00 Создаем файловую структуру на сервере
12:50 Дописываем компонент роутинга для получения данных
24:30 Создаем приложение на react.js
26:50 Применяем hook useEffect для получения данных при старте
29:30 Исправляем ошибку CORS при запросе с React на Node.js
32:30 Выводим список файлов в компоненте App.js
37:00 Оформляем вывод с помощью material icons
40:55 Добавляем в реакт клик по папке
42:20 Обработчик клика по ссылке в React.js
46:50 Реализуем выход на уровень выше в файловом менеджере

Моя рабочая станция:
Desktop: AMD Ryzen5 1600,Asus GeForce GTX 1650 Phoenix 4GB GDDR6, RAM: 16GB, Motheboard: MSI A320M PRO-M2 V2, Power: Chieftec Value APB-400B8 400W Bulk, Box: Gougar MX350 Mesh
HDD:
Samsung 860 Evo-Series 500GB M.2
Toshiba P300 2TB
Silicon Power A56 256GB

Monitors:
23.8" Dell P2419HC
23.8" Dell P2418D

Mouse: Trust Verto Ergonomic Wireless
Keyboard: HP KU-1469
Microphone: Samson C01U Pro

MacBook Pro M1 13'' 8-Core CPU/8-Core GPU/16-core Neural Engine /16GB/256GB
IBM Lenovo ThinkPad E14 / Intel Core i5-1135G7 (4.2 ГГц) / RAM 16 ГБ / SSD 1 ТБ / Intel Iris Xe Graphics