React JS для начинающих: Создайте свое приложение

preview_player
Показать описание


Добро пожаловать на мой канал! В этом видео я представляю вам большой теоретический курс для начинающих по React. Но не только теория, мы также добавим практику! Многие из вас спрашивают, где найти практический опыт и как стать фронтенд разработчиком с использованием React. Я решил создать что-то особенное - приложение связанное с криптовалютами. Это будет интересная история о мире крипты, которую мы будем разрабатывать с нуля используя React.
В этом видео вы увидите пример дизайна приложения и узнаете, как декомпозировать компоненты, работать со связками компонентов и применять дизайн. Также я поделюсь полезными советами и рекомендациями для улучшения вашего портфолио.
Не забудьте посмотреть до конца видео, чтобы получить все рекомендации от меня. Если вы хотите получить максимальную пользу от этого курса, активно комментируйте и задавайте вопросы - это поможет вам продолжить обучение самостоятельно.

Таймкоды:
00:00 - Важное введение. О чем курс?
03:29 - Структура приложения
15:25 - Разработка Sider
58:30 - Реализация React Context
1:09:00 - Разработка Header
1:33:50 - Реализация модального окна
1:43:54 - Разработка React Form
2:24:15 - Оптимизация вывода через object-map
2:31:17 - Реализация графиков c react-chartjs-2
2:40:34 - Вывод динамической таблицы
2:50:15 - Создание NodeJS сервера
2:55:00 - Добавление GIT
2:57:32 - Деплой React приложения на VPS
Рекомендации по теме
Комментарии
Автор

Ловите клевый проект в портфолио. Часто у начинающих вопрос: "Я не знаю что делать и как практиковаться". Идите на крипторынок и пробуйте реализовать любой понравившийся интерфейс))

VladilenMinin
Автор

Жесть. Я 2 месяца назад начал учить фронт енд. И специально искал курсы где делают именно вот такой сайт. Но не смог найти. Ты как будто мои мысли читаешь. Спасибо за видос о котором я

Troxip
Автор

СПАСИБО ЗА ТОПОВЫЙ ВИДОС!!!! Очень ценим твой труд, продолжай!))❤❤❤

Gimmegimmeyo
Автор

спасибо бро !! это крутой проект !! когда я начинал первый попался ты, и до сих пор учусь )) ты монстр !!! :)

ggcggzo
Автор

Спасибо огромное, Владилен 👍
Работы на 2-3 дня по освоению есть)

max_mgtow
Автор

Спасибо большое! не останавливайся на этом) давай больше обучалок по реакту)

Cherry.Blossom.
Автор

@VladilenMinin привет, ожидал увидеть смарт контракт на remix или типо того, с интеграцией фронта или web3 приложение, или расширение. По факту - это todo, но вместо данных - крипта. Ожидал большего

nikitachekalin
Автор

Неплохо было бы про настройки htaccess для spa приложений, в т.ч. развернутых в поддиректориях и что бы все это работало с react router (вкл. detailed routes) из строки ввода адреса

alxski
Автор

Владилен, спасибо за столь качественное и познавательное видео! Благодаря тебе я стал понимать Реакт лучше!

OOSports
Автор

Владилен, спасибо за отличный материал!

vladsnordrems
Автор

Как понимать, что и как вы делаете? 😂 Как вы не запутываетесь во всём этом? Реально хочу вкурить, как вы думаете. 😂 Мне смешно за себя. Я думал, если буду смотреть такие видео, то со временем въеду в премудрости кодинга. 😂

kwehquh
Автор

Владилен красавчик побольше делай что то про крипту если у тебя будет возможность.

AsaAlexa
Автор

крутой проект запилил)) делай гайд как разобраться в крипте, я тоже очень хочу разобраться но везде какая-то дичь и инфоциганщина, было бы очень интересно послушать что ты думаешь об этом всем (крипта, инвестирование и тд..)

bzifqhp
Автор

У меня есть практика, нужно попрааить код сайта.

UnitBlock
Автор

Спасибо за информацию! А почему нельзя было nginx поставить для раздачи статики? Там можно и кеш настроить и еще много чего. К тому же он уже в основном репозитории, не надо ставить NVM и прочую инфраструктуру node. В случае с node еще надо было его добавить в автозагрузку. В общем слишком много телодвижений только для раздачи статики.

Dmitry-cbwl
Автор

Владилен, не смогу столько времени уделить на просмотр видео, так как уже работаю фронтендером, но огромнейший тебе респект, что ДО СИХ ПОР делаешь обучающие видео, а не скатился в инфо-цыганство.
Лайк авансом тебе и плюс к бицухе))

ska
Автор

у меня тема курсовой связана с разработкой приложения для обучения крипте, вот это подарок, а не видео)

BarcikMinusPTS
Автор

А как вносить изменения на сервер или в дист? после того как уже задеплоил
именно проблема в том что я задеплоил, а потом изменения не отображаются на локал хосте, хоть я уже и закомитил изменения на гит хаб. Это надо что то по серверной части делать? с дистом я так понял но я не понимаю как его пересобрать(

kerfuflekhjk
Автор

Привет Владилен! Интересно что ты думаешь о фреймворке nextjs и вообще, стоит ли писать фронтенд на нем или лучше все-таки angular или react

ndlrdln
Автор

Спасибо за крутой видос. С чего начать для изучение крипты и Web3? Спасибо заранее ...

azizbeksamatov