Сайт использует сервис веб-аналитики Яндекс Метрика с помощью технологии «cookie». Пользуясь сайтом, вы даете согласие на использование данной технологии.
Стыкуем React + Node.js. Пишем приложение файловый менеджер, фронт react.js, бек - node.js
⏰ Курс JavaScript 2.0: 🧠 Чат Telegram c кодами задач: 👇 Разверни для полной информации 🤖 Курс React.js 🧱 Курс Node.js ⏰ Курс JavaScript 2.0: 💎 Курс Функции в JavaScript: 🧑🏻💻 Сайт: 😋 Курс Методы массивов: 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