10. React + Node.js - Получаем файлы, главная страница - Облачное хранилище

Ссылки на плейлисты

Таймкоды:
00:00 - План на урок
00:28 - FileReducer добавляем новый экшн
01:20 - Создаем главный компонент приложения Disk
02:40 - Запрос на сервер с получением файлов
05:52 - Верстаем FileList
09:30 - Верстаем File
13:10 - Добавляем в модель файла дату создания

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

[devorer]

в очередной раз - огромное спасибо. уровень изложения - супер! разбор 15ти минутного ролика у меня занимает 2-3 часа. и это прям кайфовые 2-3 часа :)

[alexey_horbunov]

Спасибо огромное, только сейчас прохожу данный курс, смотрю по два раза один ролик, а также самостоятельно потом прорабатываю за 2+ часа. Действительно круто и приходит лучшее понимание работы как фронтенда, так и бэкэнда

[ИванИванов-лжь]

Огромная благодарность автору за помощь с дипломом

[vasylkovalenko]

"Теперь перейдем к самому интресному, к верстке" - орнул на этом моменте

[devorer]

6:07 Атеперь перейдем к самому интересному! К верстке! :)))) неновижу

[BLOCKCHAINSAW]

Хочу сказать спасибо за курс!))
И еще, если в схеме файла оставить поле date: { type: Date, default: Date.now()}, то папки и загружаемые файлы будут создаваться с одинаковой датой. Скобки после now стоит убрать)

[wardog]

пролайкал все коментьі, все по классике!Продолжай в том же духе, контент топ!

[seriogaromanchykov]

огромное спасибо. уровень изложения - супер!

[s]

После предыдущего видео - на этом почувствовал себя сеньором, все с первого раза получалось =) Тимур спасибо!

[alik]

Всё работает, летим дальше!🚀 ReactJS NodeJS Javascript

[valeriakan]

спасибо автору, я за один присест не осиливаю ролик в 15 мин, но так здорово, когда получается повторить, теперь остается без подсказки сделать еще раз

[Valeryi]

Интересный урок, спасибо автору...лайк и комент!!

[stavr]

Очень полезный курс! Я бы многое сделал по другому и более замороченно, а благодаря твоим видео набираюсь опыта и черпаю более удобные решения. Интересно а есть ли какая то разница какой тег использовать для ячеек файла (имя, дата, размер)? У тебя везде дивы, хотя по семантике вроде лучше использовать span. Так где некоторые кнопки (кнопка выход) у тебя стоит div. Насколько вобще в профессиональной коммерческой разработке важно соблюдать семантику тегов? Или никто особо не заморачивается?

[АнтонГалай]

Привет, огромное спасибо за такую подачу материала, легко, кратко и по делу!
У меня вопрос, там где ты делаешь роутинг. Если не авторизирован, то редирект на страницу с логином, если авторизирован, то на главную страницу. Вот в роуте ты ставишь exact на главную страницу, но когда ты залогинишься ( в такой комбинации роутов ), то если обновить страницу, слетает токен из localStorage и соответственно перекидывает на логинку, не подскажешь, как это поправить?

[dmitriystoyanov]

Хорошо объясняешь. Сколько лет опыта разработки? Думаю оч много))

[vladimirkusakin]

У меня react-router-dom v6 не поддерживал Redirect решил следующим образом
<Routes>
<Route path="/registration" element={<Registration />} />
<Route path="/login" element={<Login />} />
<Route
path="*"
element={<Navigate to="/login" replace />}
/>
</Routes>

[Max-krie]

Сегодня что то туго идет, вчера было проще. :)

[ВероникаИсаева-чк]

Всё здорово, но остались вопросы по поводу app.jsx. Сейчас не используют switch и нет переадресации. И я не понимаю как сделать так, чтобы сразу открывалась страница диск. и как правильно сделать switch, точнее сейчас это Routes я не знаю. Информации много, но где верная не понятно.

[АлександрКулик-мя]

Такой путь в файлах годится только для винды, лучше использовать path.sep из модуля path

[ВадимВладимиров-цт]

Не понял, а где мы получаем параметр dir для action setCurrentDir, если мы этот action нигде не диспатчем?