Все что нужно знать о REACT для НОВИЧКА за 15 минут | Изучаем Реакт
ฝัง
- เผยแพร่เมื่อ 26 มิ.ย. 2024
- В этом ролике я рассказал про все основные концепты, которы есть в React в подробном и схематичном формате с интерактивными примерами. Идеально если вы новичок и только начинаете свой путь в React. Приятного просмотра!
00:00 - Начало
00:24 - Про популярность react и вакансии
01:03 - Что такое react
01:15 - Сomponents
01:51- JSX
2:22 - JSX или HTML?
2:36 - Фигурные скобки
2:50 - React Fragments
3:17 - Props
3:54 - Children
4:32 - Prop key в React
5:04 - Rendering
6:07 - Обработка событий
6:38 - State | состояние
7:29 - Контролируемы компоненты
8:11 - Хуки
9:11 - Чистые компоненты
10:01 - Strict mode
10:21 - Эффекты в React
11:10 - Refs
11:38 - React Context
12:24 - Порталы в React
13:03 - React Suspense
13:35 - Error Boundaries
14:33 - Конец
✌ Давайте дружить в instagram: sasha_karadzhikov
Это видое является адаптированной версией видое с англоязычного канала: / @thecodebootcamp
![แฟนแนวใด๋ - ยูริ โตเกียวมิวสิค [OFFICIAL MUSIC VIDEO ]](http://i.ytimg.com/vi/4_XVMuhhbsU/mqdefault.jpg)
![ขายสมบัติ Ferrari 488 ลูกรักก!! l [Nickynachat]](http://i.ytimg.com/vi/pwF1Il1Uevw/mqdefault.jpg)
Так держать 👏🏼 👨🏼💻
Спасибо, хорошо все объяснил! Сделай плиз дорожную карту по изучению React JS
Это наверное самое ёмкое и краткое объяснение основных составляющих реакта. Спасибо автор, продолжай.
Полностью согласен, сижу подкуренный прикольно. Чел не рассказал даже что это SPA и зачем это вообще нужно, как и про жизненный цикл каждого компонента. Зато я понял что что-то пропустил за 4 года на реакте что обычный useEffect привязанный к жизненому циклу классового компонента вдруг научился "выходить за пределы реакт"
Про жизненный цикл, как раз сейчас готовлю видео отдельное, если бы включил сюда, то получилось бы слишком долго, как я думаю. А по поводу "выходить за пределы реакт" имеется в виду side effects, потому что react cам по себе декларативный. Ну а по поводу SPA - он ни как на прямую не связан с React. У тебя может быть простое приложение на ванильном JS например, где есть какая-то сложная форма с состояниями, валидациями и т.д. и она может как раз работать на React, ведь не обязательно в все сетапить, как почему-то многие считают.
Класс! Коротко и емко! Спасибо!
Спасибо за видео! Четко и понятно!
Топи дальше в таком ключе! Красавчик! 💪
Спасибо! Недавно начала изучение реакта, видео оказалось очень кстати, узнала про штуки, про которые еще не доводилось слышать
это ОЧЕНЬ хорошее объяснение, твой канал и это видео в частности просто находка !
очень понятное объяснение! крутой препод ))))
Здорово!!!!
Видосик хороший. Нового не узнал, продолжаю упорно сидеть на Angular с RxJs'ом головного мозга. Но рыночек требует держать в уме еще и этого нашего реакта. В целом, простой, как шейцарские часы. А вся сложность React проектов, обычно в том, что их очень любят обвешивать сырыми и кривыми библиотеками сверху, для работы с стором и т.п. (по крайней мере года 4 назад любили).
SUPER!
круто,спасибо
Молодец чувак🔥
Очень круто, про порталы не знал! Как раз сейчас пытался найти способ проброса кнопки в другое место для адаптивности
Да портал как раз отличное решение для такого кейса и не многие знают про это API почему-то.
Такое чувство, что все разучились читать доку проектов.
Очень хорошее качества контента.
го такое же видео про vue js
Solid.js смог обойтись без виртуального дома убрав дубликати загрузок и скорость при етом увеличилась, тогда как реакт продолжает юзать виртуальний дом как защиту от нежелательних изменений.
Лайк подписка
А можно такое же, но только про React Native?
Там всё тоже самое, за исключением некоторых вещей
А тут смотрю все видосы любых программистов только для новичков. Если делать для продвинутых, наверно помидорами закидают 😂. Поэтому только для новичков и есть!
Насколько я помню, кто-то там пахал над нормальной версией JS'a, которая ещё и в бэк шикарно пахать будет, как вспомню, дополню коммент
NodeJs?
Если речь конкретно о framework то возможно NestJS?
запятая не там 😂 реакту конец 😢 что является правдой 😮 юзайте vue или svelte 😊
После предложения использовать index в качестве ключа можно дальше не смотреть. Для новичков - используйте .length если бежите по массиву
Я написал о том, что это не очень хорошая практика и лучше использовать уникальный ключ в рамках коллекции. Вообще паттерн с использованием index вместо key в виду отсутствия key используется React по умолчанию. И я не совсем понимаю, как здесь может помочь свойство length, может я чего-то не знаю. Ну сам index как ключ не совсем плохо, если у нас список меняется исходя из абстракции, что это stack то в таком случае вообще нет ничего плохо в index.
@@frontend-karadzhikov, вообще забей на него, высрал что-то не по делу, лишь бы высказать своё очень верное и нужное мнение. Я ещё понимаю, если бы ты в видео об этом не сказал, что это не самая лучшая практика, но ты же сказал - всё чётко
нихрена на понятно. с чего всё же лучше начать, чтобы вот это вот всё стало понятно?
Все что нужно знать о реакт: "Он нам нахер не нужен реакт ваш". Серьезно. Хватит уже популяризировать итак распиареную какашку. Больше гемороя приносит чем что-то решает.
React за 15 минут ахаахааххвхаххввхвхахахахвхахахах
Ну вообще-то основные концепции он объяснил)
Там же не написано "выучи реакт за 15 минут"
спасибо. Подскажите какие-нибудь инструменты для отлова зацикленных рендеров