Полностью согласен, сижу подкуренный прикольно. Чел не рассказал даже что это SPA и зачем это вообще нужно, как и про жизненный цикл каждого компонента. Зато я понял что что-то пропустил за 4 года на реакте что обычный useEffect привязанный к жизненому циклу классового компонента вдруг научился "выходить за пределы реакт"
Про жизненный цикл, как раз сейчас готовлю видео отдельное, если бы включил сюда, то получилось бы слишком долго, как я думаю. А по поводу "выходить за пределы реакт" имеется в виду side effects, потому что react cам по себе декларативный. Ну а по поводу SPA - он ни как на прямую не связан с React. У тебя может быть простое приложение на ванильном JS например, где есть какая-то сложная форма с состояниями, валидациями и т.д. и она может как раз работать на React, ведь не обязательно в все сетапить, как почему-то многие считают.
блин, 15 минут, но разобрал реально все. те же хуки я несколько часов когда-то гуглил по разным сайтам, но так и не въехал что оно такое. автор красавчик
Спасибо за видео! Можно попросить вас рассказать про все виды передачи данных - от родительского компонента к дочернему; - от дочернего компонента к родительскому; - между соседними компонентами; - от компонента к компоненту-потомку (через несколько уровней вниз); - от компонента к компоненту-предку (через несколько уровней вверх).
Супер видос. Все четко и по делу, я как человек, учивший реакт в унике, но спустя время решивший вспомнить, что там вообще есть, благодаря этому видосу многое повторила, поняла что лучше углубленно изучить, а про что то я вообще не знала. Спасибо!!!
Было бы классно, если запилишь видеоурок по реакт многостраничного сайта. простенького не бязательно с адаптивом. достаточно с часто встречающимися простыми блоками и функциями и один какой-нибудь сложный блок или функция приложения. с готовой вёрсткой. с созданием простой админки на бутстрапе например или на чём-нибудь другом. с sql запросами. примерно в таком же стиле. без реалтайм кодинга.
Александр, спасибо за обзорное видео. Классно. Видно, что старался донести максимально ёмко и доходчиво. Фронтенд разработчиком не являюсь, возможно из-за этого глаза разбегаются и отсутствует фокус внимания из-за изобилия красок и цветов различных кусков псевдокода в примерах. Когда весь текст выделяется разными цветами, то не понятно, на что необходимо акцентировать внимание. Мой фидбек не является негативным, а лишь мнением со стороны.
Solid.js смог обойтись без виртуального дома убрав дубликати загрузок и скорость при етом увеличилась, тогда как реакт продолжает юзать виртуальний дом как защиту от нежелательних изменений.
Видосик хороший. Нового не узнал, продолжаю упорно сидеть на Angular с RxJs'ом головного мозга. Но рыночек требует держать в уме еще и этого нашего реакта. В целом, простой, как шейцарские часы. А вся сложность React проектов, обычно в том, что их очень любят обвешивать сырыми и кривыми библиотеками сверху, для работы с стором и т.п. (по крайней мере года 4 назад любили).
Наверное, первое видео на ютуб для новичка за всю мою жизнь, которое я в данный момент не могу нормально понять и принять на все 100%. В принципе я и яваскрипт не знаю, написать что-то могу с гуглежом, но так не знаю. Но обычно все понятно, а тут … ух. Это не претензия. Скорее наоборот. Что-то записал себе под корочку и если придется что-то делать на фронтенде, то благодаря этому видео сразу обращусь к реакт и, видимо, вернусь к этому видео для просмотра второй раз.. минимум.
Я думаю этоьвидео не просто для тех кто первый раз слышит про React или первый раз работает, а для тех кто уже прошел темы Компоненты, состояние хуки и т.д. Лично я прошел пока только компоненты и состояние и уже хуки пройду, поэтому это видео мне более менее понятно, хотя дальше темы я вообще не понял, потому что пока их не прошел, вот так вот дела
Я написал о том, что это не очень хорошая практика и лучше использовать уникальный ключ в рамках коллекции. Вообще паттерн с использованием index вместо key в виду отсутствия key используется React по умолчанию. И я не совсем понимаю, как здесь может помочь свойство length, может я чего-то не знаю. Ну сам index как ключ не совсем плохо, если у нас список меняется исходя из абстракции, что это stack то в таком случае вообще нет ничего плохо в index.
@@frontend-karadzhikov, вообще забей на него, высрал что-то не по делу, лишь бы высказать своё очень верное и нужное мнение. Я ещё понимаю, если бы ты в видео об этом не сказал, что это не самая лучшая практика, но ты же сказал - всё чётко
А тут смотрю все видосы любых программистов только для новичков. Если делать для продвинутых, наверно помидорами закидают 😂. Поэтому только для новичков и есть!
Сука, я тупой! И главное все остальные все поняли. Как будто сначала поюзали пол годика, а потом решили посмотреть, а чё эт мы такое юзаем? Учу js. Нашел прогу проверки знаний. 4 варианта ответа т.е. 25% если тупо перебирать. У меня 20%, точно тупой.
Пфффф, да ты серьёзно? Это ж точь в точь видос с канала code bootcamp “every react concept explained in 12 minutes”, просто переведённый на русский. Визуальное повествование 1в1, сценарий видео (да даже сами предложения!) точь в точь… Ну это как-то некрасиво уже, не? Короче дизреспект каналу за такое, перевод это конечно хорошо, особенно для тех кто не знает английский (как вы вообще код пишете?), но создаётся впечатление что сам автор канала вообще не бум бум в теме, раз даже свой сценарий написать не могёт. Короче… Пойду лучше ориг посмотрю, а то вдруг тут ещё и перевод корявый
Все что нужно знать о реакт: "Он нам нахер не нужен реакт ваш". Серьезно. Хватит уже популяризировать итак распиареную какашку. Больше гемороя приносит чем что-то решает.
Там для новичков, сям для новичков.... масло масляное. Ютюб трещит уже. Сними плей лист для middle+. React+TypeScript + тесты ci/cd pipeline + настройка сборщика + линтеры, например. А не... это трудно и просмотров много не соберёт. Не выгодно. Ага.
Ну трудного особого ничего нет, такое видео будет гораздо легче по монтажу и затраченному времени, хотя смотря как подойти. А вот по поводу ширины аудитории это скорее правда
![React для Новичков [2024] | с чего начать изучение React?](http://i.ytimg.com/vi/CGJp7PMBF1I/mqdefault.jpg)
![React для Новичков [2024] | с чего начать изучение React?](/img/tr.png)
Это наверное самое ёмкое и краткое объяснение основных составляющих реакта. Спасибо автор, продолжай.
Полностью согласен, сижу подкуренный прикольно. Чел не рассказал даже что это SPA и зачем это вообще нужно, как и про жизненный цикл каждого компонента. Зато я понял что что-то пропустил за 4 года на реакте что обычный useEffect привязанный к жизненому циклу классового компонента вдруг научился "выходить за пределы реакт"
Про жизненный цикл, как раз сейчас готовлю видео отдельное, если бы включил сюда, то получилось бы слишком долго, как я думаю. А по поводу "выходить за пределы реакт" имеется в виду side effects, потому что react cам по себе декларативный. Ну а по поводу SPA - он ни как на прямую не связан с React. У тебя может быть простое приложение на ванильном JS например, где есть какая-то сложная форма с состояниями, валидациями и т.д. и она может как раз работать на React, ведь не обязательно в все сетапить, как почему-то многие считают.
А в чем профит? Ну вы и так знаете составляющие. А для нас это тарабарщина.
Это похоже на краткий ответ на вопрос "как работает Реакт" на собесе
Го больше видосов по Реакту! Только чууууть чуть помедленнее !
Спасибо за контент! Лайк, подписка!
Прикольное видео для того чтоб дать основу.
Порталы и работа с state нравятся.
Ну теперь после видео надо всё и в примерах разбирать 🙂
Писал на реакте 3 года, последний год не использовал вообще, теперь даже проект не смог запустить, во у меня память хорошая.
Почитай про кривую забывания, если интересно
cmd > npx create-react-app, vsc > npm run dev. Не благодари.
@@crn05 это уже устаревший способ
@@АртемийКонь также с ангуляром...
@@crn05npm create vite@latest
> project name > react > js/ts > cd project name > npm i > npm run dev
классный монтаж, наглядно все понятно спасибо)
блин, 15 минут, но разобрал реально все. те же хуки я несколько часов когда-то гуглил по разным сайтам, но так и не въехал что оно такое. автор красавчик
Спасибо за видео! Можно попросить вас рассказать про все виды передачи данных
- от родительского компонента к дочернему;
- от дочернего компонента к родительскому;
- между соседними компонентами;
- от компонента к компоненту-потомку (через несколько уровней вниз);
- от компонента к компоненту-предку (через несколько уровней вверх).
Спасибо, все классно объяснил! Сам пишу бэк но было интересно узнать о реакте для своих проектов
хочу больше контента, тебя интересно смотреть)
Супер видос. Все четко и по делу, я как человек, учивший реакт в унике, но спустя время решивший вспомнить, что там вообще есть, благодаря этому видосу многое повторила, поняла что лучше углубленно изучить, а про что то я вообще не знала. Спасибо!!!
Братка видос Агонь. Очень интересная подача!
Спасибо, хорошо все объяснил! Сделай плиз дорожную карту по изучению React JS
while(!iKnowReact) {проснулся, искупался под прохладным душем, позавтракал, УЧИШЬ РЕАКТ, пообедал, УЧИШЬ РЕАКТ, поужинал, лег спать }
Очень круто, про порталы не знал! Как раз сейчас пытался найти способ проброса кнопки в другое место для адаптивности
Да портал как раз отличное решение для такого кейса и не многие знают про это API почему-то.
очень понятное объяснение! крутой препод ))))
Очень полезное видео для составления карты изучения библиотеки
Спасибо! Недавно начала изучение реакта, видео оказалось очень кстати, узнала про штуки, про которые еще не доводилось слышать
Было бы классно, если запилишь видеоурок по реакт многостраничного сайта. простенького не бязательно с адаптивом. достаточно с часто встречающимися простыми блоками и функциями и один какой-нибудь сложный блок или функция приложения. с готовой вёрсткой. с созданием простой админки на бутстрапе например или на чём-нибудь другом. с sql запросами. примерно в таком же стиле. без реалтайм кодинга.
Топи дальше в таком ключе! Красавчик! 💪
Александр, спасибо за обзорное видео. Классно. Видно, что старался донести максимально ёмко и доходчиво.
Фронтенд разработчиком не являюсь, возможно из-за этого глаза разбегаются и отсутствует фокус внимания из-за изобилия красок и цветов различных кусков псевдокода в примерах. Когда весь текст выделяется разными цветами, то не понятно, на что необходимо акцентировать внимание.
Мой фидбек не является негативным, а лишь мнением со стороны.
го такое же видео про vue js
Спасибо большое! ты лучший❤
А можно такое же, но только про React Native?
Там всё тоже самое, за исключением некоторых вещей
это ОЧЕНЬ хорошее объяснение, твой канал и это видео в частности просто находка !
Спасибо! Отличное видео
супер объяснение. топчик!!!
Класс! Коротко и емко! Спасибо!
Спасибо за видео! Четко и понятно!
Solid.js смог обойтись без виртуального дома убрав дубликати загрузок и скорость при етом увеличилась, тогда как реакт продолжает юзать виртуальний дом как защиту от нежелательних изменений.
Так держать 👏🏼 👨🏼💻
Видосик хороший. Нового не узнал, продолжаю упорно сидеть на Angular с RxJs'ом головного мозга. Но рыночек требует держать в уме еще и этого нашего реакта. В целом, простой, как шейцарские часы. А вся сложность React проектов, обычно в том, что их очень любят обвешивать сырыми и кривыми библиотеками сверху, для работы с стором и т.п. (по крайней мере года 4 назад любили).
Молодец чувак🔥
Очень хорошее качества контента.
Такое чувство, что все разучились читать доку проектов.
Знаете, там все не так уж и понятно.
Нужно иметь опыт, чтобы читать доку))
каких проектов?
круто,спасибо
запятая не там 😂 реакту конец 😢 что является правдой 😮 юзайте vue или svelte 😊
SUPER!
Спасибо тебе, добрый человек !
Наверное, первое видео на ютуб для новичка за всю мою жизнь, которое я в данный момент не могу нормально понять и принять на все 100%.
В принципе я и яваскрипт не знаю, написать что-то могу с гуглежом, но так не знаю.
Но обычно все понятно, а тут … ух.
Это не претензия. Скорее наоборот.
Что-то записал себе под корочку и если придется что-то делать на фронтенде, то благодаря этому видео сразу обращусь к реакт и, видимо, вернусь к этому видео для просмотра второй раз.. минимум.
Насколько я помню, кто-то там пахал над нормальной версией JS'a, которая ещё и в бэк шикарно пахать будет, как вспомню, дополню коммент
NodeJs?
Если речь конкретно о framework то возможно NestJS?
спасибо. Подскажите какие-нибудь инструменты для отлова зацикленных рендеров
Здорово!!!!
У меня нет матов, чтобы выразить свои эмоции благодарности! А есть ли курсы? Ну или менторство? Ну или что-то другое?)
Норм ролик ❤
ИМБА
Я думаю этоьвидео не просто для тех кто первый раз слышит про React или первый раз работает, а для тех кто уже прошел темы Компоненты, состояние хуки и т.д. Лично я прошел пока только компоненты и состояние и уже хуки пройду, поэтому это видео мне более менее понятно, хотя дальше темы я вообще не понял, потому что пока их не прошел, вот так вот дела
После предложения использовать index в качестве ключа можно дальше не смотреть. Для новичков - используйте .length если бежите по массиву
Я написал о том, что это не очень хорошая практика и лучше использовать уникальный ключ в рамках коллекции. Вообще паттерн с использованием index вместо key в виду отсутствия key используется React по умолчанию. И я не совсем понимаю, как здесь может помочь свойство length, может я чего-то не знаю. Ну сам index как ключ не совсем плохо, если у нас список меняется исходя из абстракции, что это stack то в таком случае вообще нет ничего плохо в index.
@@frontend-karadzhikov, вообще забей на него, высрал что-то не по делу, лишь бы высказать своё очень верное и нужное мнение. Я ещё понимаю, если бы ты в видео об этом не сказал, что это не самая лучшая практика, но ты же сказал - всё чётко
Ни**я не понял, но очень интересно(хотя js выучил)
А тут смотрю все видосы любых программистов только для новичков. Если делать для продвинутых, наверно помидорами закидают 😂. Поэтому только для новичков и есть!
Лайк подписка
Ты украл ведь видео ? У code botcamp
Почему реакт?
1 Востребованность
2 Классное название
3 Виртуальный дом
нихрена на понятно. с чего всё же лучше начать, чтобы вот это вот всё стало понятно?
Видео хорошее, но стоило указать оригинал, взято почти 1:1 отсюда ruclips.net/video/wIyHSOugGGw/видео.htmlsi=PABlIQhGSSP57q1u ))
В описании написано
А чем React лучше Vue? Ведь такой подход как у React, менее удобный.
Сука, я тупой! И главное все остальные все поняли. Как будто сначала поюзали пол годика, а потом решили посмотреть, а чё эт мы такое юзаем? Учу js. Нашел прогу проверки знаний. 4 варианта ответа т.е. 25% если тупо перебирать. У меня 20%, точно тупой.
Если что, мне не 15, а уже как бы 41. Сын коммерческие проекты на C# пишет, а мне кнопочки рисовать захотелось😿
вроде как, но ни чего не понятно.
1. не рассказал как подключается.
2 не показал реальный пример. какой-то конь в вакууме
Ни чего не понятно.
Пфффф, да ты серьёзно? Это ж точь в точь видос с канала code bootcamp “every react concept explained in 12 minutes”, просто переведённый на русский. Визуальное повествование 1в1, сценарий видео (да даже сами предложения!) точь в точь… Ну это как-то некрасиво уже, не? Короче дизреспект каналу за такое, перевод это конечно хорошо, особенно для тех кто не знает английский (как вы вообще код пишете?), но создаётся впечатление что сам автор канала вообще не бум бум в теме, раз даже свой сценарий написать не могёт. Короче… Пойду лучше ориг посмотрю, а то вдруг тут ещё и перевод корявый
Все что нужно знать о реакт: "Он нам нахер не нужен реакт ваш". Серьезно. Хватит уже популяризировать итак распиареную какашку. Больше гемороя приносит чем что-то решает.
Там для новичков, сям для новичков....
масло масляное.
Ютюб трещит уже.
Сними плей лист для middle+.
React+TypeScript + тесты ci/cd pipeline + настройка сборщика + линтеры, например.
А не... это трудно и просмотров много не соберёт.
Не выгодно. Ага.
Ну трудного особого ничего нет, такое видео будет гораздо легче по монтажу и затраченному времени, хотя смотря как подойти. А вот по поводу ширины аудитории это скорее правда
суспенс есть подписЬка тоже есть
Every React Concept Explained in 12 Minutes погуглите видос)))
React за 15 минут ахаахааххвхаххввхвхахахахвхахахах
Ну вообще-то основные концепции он объяснил)
Там же не написано "выучи реакт за 15 минут"
от себя даже никакой информации не добавил))