React для Новичков [2024] | с чего начать изучение React?

[используйте промокод REACT10 для скидки в 10%]

В этом видео мы разберем ОСНОВЫ работы библиотеки 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

[witalion]

У меня на windows курсор в ком.строке переключился только с alt. Спасибо за подсказку.

[HeytuNET]

Начал учить реакт, пересмотрел много видео, но это видео однозначно лучшее, к сожалению на ютуб нет таких структурированных и полезных видео по реакт, дружище отсними курс по реакт, тебе нет равных, спасибо👍

[shny]

Комментарий для поддержания творчества Арсения!) Спасибо!) Очень начальный скетч зашёл )

[greddery]

Очень интересно и полезно, спасибо. Пока первое видео посмотрел, надеюсь найду у вас видео про создание даш порталов etc

[ynggxr]

лучший! Хотелось бы увидеть практику по React, большое спасибо

[Constantiuss]

Спасибо тебе огронмое! Пили побольше подобного контента!🫡

[barryallen]

Большое спасибо! Хотелось бы увидеть курс по более углубленному изучению реакта.

[sadasd]

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

[АлексейОрлов-гф]

Ролик очень полезный! Большое спасибо! Буду ждать больше видео как по реакту, так и по JS❤

[LAMit]

Отличное видео! Наконец узнал для чего нужен react😀👍

[andrey]

Очень содержательный видеоурок. Спасибо, за таймкоды и удачи тебе.

[gar]

не скоро посмотрю это видео, но лайкос авансом

[mansurv]

Shift + CMD + B для скрытия закладок в хроме

[МалышДжонни-еы]

Дароу, искал долго кто внятно и грамотно объясняет и нашел! Только можно попросить тебя сделать углубленный курс, пожалуйста.
Хочется знать про useEffect, rout, как создать бд, что лучше mongoDb или posgresql, axios и т.д.
Также по ходу видео хотелось бы видеть примеры как не делать и советы

[usergoogla]

Привет! Отличные видео, спасибо! Было бы круто увидеть интенсив по современному реакт и некст

[usergoogla]

Привет! Хорошие вдиео, спасибо!) Было бы здорово увидеть интенсив по современному реакт + некст

[СтаниславГорячев-гъ]

Спасибо Вам большое, вы потрясающе объясняете

[hobbi-mebel]

Комментарий в благодарность! Подписка, лайк!

[СергейСергей-фч]

Наконец то новое видео, а то я уже переживать начал)))

[djorayevofficial]

Благодарим за видос. Можете еще сделать обучающий видео про промисов, асинхронность, объектное и функциональное программирование в JS ? Еще хотелось бы полноценный курс от А до Я про Тайпскрипт для новичков. Заранее спасибо !