React для Новичков [2024] | с чего начать изучение React?
HTML-код
- Опубликовано: 26 июн 2024
- ⭐ Разверните IT-инфраструктуру для веб-проектов любой сложности со скидкой 20%: slc.tl/r4ctg
⭐ Интенсив для подготовки к React: pomazkovjs-hangman.ru/
[используйте промокод REACT10 для скидки в 10%]
⭐ Конспект по React (Бусти): boosty.to/pomazkovjs
✅ Стили на GitHub (App.css): github.com/arseniypom/react-i...
✅ Что такое StrictMode: t.me/pomazkovjs/204
В этом видео мы разберем ОСНОВЫ работы библиотеки React, ответив на вопросы:
- как работает React?
- как создать проект с React и Vite?
- из чего состоит типичный проект на реакте?
- что такое компоненты React?
- что такое пропсы?
- что такое хук useState?
- как отслеживать ререндеры компонентов?
И все это на конкретных примерах, создавая ваше первое приложение на реакт!
Приятного просмотра!
Тайм-коды:
00:00 Звонок от рекрутера
01:17 Что будет в ролике
02:48 Что такое React
04:57 Как создать проект с React
08:58 Изучаем структуру проекта
11:52 Удаляем ненужные файлы
12:14 Файлы проекта с React
17:34 Что такое JSX разметка
19:10 Ограничения JSX
20:12 Что такое JSX Fragment
22:54 Верстка в React
27:03 Как создать компонент в React
29:04 Пропсы в React
31:30 Отображение множества компонентов из массива
34:41 Обязательный проп key
35:26 Группируем файлы компонента
36:53 Хук useState
43:22 Как отслеживать ререндер компонентов (react devtools)
48:52 Заключение
#javascript #react #reactjs #reactjstutorial
Реклама. ООО "Селектел". Erid: 2Vtzquh6bvV
У меня на windows курсор в ком.строке переключился только с alt. Спасибо за подсказку.
Хороший коммент, спасибо!
У меня MacOS, поэтому не знал, но оказывается в зависимости от терминала это может быть Ctrl или Alt
Начал учить реакт, пересмотрел много видео, но это видео однозначно лучшее, к сожалению на ютуб нет таких структурированных и полезных видео по реакт, дружище отсними курс по реакт, тебе нет равных, спасибо👍
Комментарий для поддержания творчества Арсения!) Спасибо!) Очень начальный скетч зашёл )
лучший! Хотелось бы увидеть практику по React, большое спасибо
Ждём продолжения!)
Наконец то новое видео, а то я уже переживать начал)))
не скоро посмотрю это видео, но лайкос авансом
Спасибо за видео!
Привет! Отличные видео, спасибо! Было бы круто увидеть интенсив по современному реакт и некст
Отличное видео! Наконец узнал для чего нужен react😀👍
Контент крутой! Подача пушка❤
Четко-понятно. Мое почтение и лайк.
Огонь!!
Привет! Хорошие вдиео, спасибо!) Было бы здорово увидеть интенсив по современному реакт + некст
Молодчина! Круто!
Спасибо Вам большое, вы потрясающе объясняете
Планируется ли у вас интенсив по реакту?
Легенда вернулась!
Отлично🎉
кстати интересно было бы услышать про Vue
Shift + CMD + B для скрытия закладок в хроме
Вовремя я зашёл, хотел загуглить, а тут в подписоте вылезло)
Такой красивый он пипец
Расскажите, пожалуйста, про eslint
а так мега понятно вот бы еще плейлист с каким нибудь классным тяжелым проектом react TS
Дароу, искал долго кто внятно и грамотно объясняет и нашел! Только можно попросить тебя сделать углубленный курс, пожалуйста.
Хочется знать про useEffect, rout, как создать бд, что лучше mongoDb или posgresql, axios и т.д.
Также по ходу видео хотелось бы видеть примеры как не делать и советы
Есть в планах сделать продолжение, да 🙌🏼 По темам примерно так и хотел, только без БД - это тема из области бэкенда, и реакт с ней не особо связан, поэтому она скорее для отдельного ролика
Сними видео не для чайников. Которые уже владеют фундаментом, и нужно ижти на новый уровень
Какие темы хотелось бы разобрать в таком ролике?
@@pomazkovjs сделай видео где ты делаешь полноценное приложение, только не туду лист и не какой нибудь магазин, а то чего в инете нет, к примеру чат рулетку либо хз
Завтра экзамен по матем, после него и посмотрю это видео.
Как прошло?
💟💟💟
У меня почему то когда мы создавали несколько карточек не применился flex и отступы, а вместо этого они просто выстроились в одну длинную колонку сверху вниз
P.S Пардон май жопа сюр случайно не тот див скопировал
Так оно обычно и бывает)
Бро ты куда пропал на долго😮
Оформление без документов это конечно сильно😂
😁
Самый тупой вопрос для разработчика - на каком фреймворке вы разрабатываете😅😅😅.
В чем тупость?
Большинство разрабов пишут только на каком-то одном (плюс SSR фреймворк) и для изучения другого нужно время, а чтобы познать всякие нюансы, то возможно потребуется и реальный опыт работы с определенным фреймворком.
@@vitaly- Разработчик который знает ЯП очень быстро понимает что и как было применено во Фреймворке. Как организован принцип обработки данных в классах, объектах, какие паттерны использованы. Когда он начинает использовать другой фреймворк он видит что подход к работе с данными процентов на 60-70% совпадает с предыдущими. Отсюда возникает общее понимание как в принципе строится архитектура фронта. Для всего остального существует документация, для изучения которой в среднем хватает 2ух недель. Вообще эта дичь с фреймворками присуща исключительно фронтам, парни с Бека которые в IT c 2000г и раньше поймут о чем я. Когда ты уже не раз сам написал свой фреймворк. Сравнил свой подход с другими практиками все становится ясно.
Если вы только планируете изучать программирование, лучше выберите Го. Это язык, из которого многое вырезано, и учить, следовательно, нужно меньше
А зарплаты выше