React JS Быстрый Курс

[@VladilenMinin]

Обновленный курс на 2022 - kzbin.info/www/bejne/hXuUZ3WXhahpjKs

[@alexanderkeselman6608]

лучшее практическое введение в ReactJS из всех, что я видел

[@Kog580]

Интонация и успокаивающий тембр голоса нравиться!

[@whhhhitee]

@@andreyzinovjev3920 да, и мне тоже видимо... не одному тебе с мужиком жить

[@VladilenMinin]

Буду рад, если вы поделитесь этим видео и поможете другим в освоении React 🙂 Содержание урока: 0:14 Что такое React 0:50 Как установить React 2:12 Обзор структуры проекта 5:22 Запуск приложения 9:13 Компоненты 12:24 Стили 17:38 Передача параметров в компонент 18:20 Циклы 22:10 PropTypes 26:30 Работа с JSX 31:30 События 36:18 Работа со state (useState) 39:20 Динамические css классы 41:30 React Context 45:39 useContext 48:10 Условные операторы в JSX 50:00 Работа с формой ДАЛЕЕ ДЛЯ ОПЫТНЫХ РАЗРАБОТЧИКОВ 55:34 Создание кастомного хука для input 1:00:06 useEffect (работа с севером) 1:03:07 Создание Loader 1:07:26 React.Suspense (React.lazy) 1:11:11 React.Component (создание модального окна) 1:13:30 React.Fragment 1:16:52 Полезен был контент?

[@DmitryBudnitski]

Вот только используя хуки теперь слабо понимаю зачем тогда нам редакс

[@johan1897]

@@DmitryBudnitski А как хранить состояния приложения?

[@Андрей-ь6й8н]

1:00:06 useEffect (работа с севером)!? С севером!?

[@StrifeTheHorseman]

@@Андрей-ь6й8н НУ НЕ С ЮГОМ ВЕДЬ!

[@ericbelecov3115]

круто, спасибо

[@vyacheslavtarshevskiy3411]

Главное, что объяснил как убрать яндекс-облако) а вообще все супер круто и без воды.

[@ПавелРябых-и7и]

А у меня почему-то не появляется облако. Что я делаю не так?

[@tagepaul1646]

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

[@MARKHELLA_YT]

а как нужно ?

[@bur5153]

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

[@valeriyagracheva6493]

Уже не первый раз смотрю Ваши ролики! Я junior frontend разработчик без профильного образования, и Ваши ролики помогают за пару часов въехать в материал и начать понимать его концепции. Дополняю Ваши ролики чтением документации, которая, так же благодаря Вам, обретает смысл =D. Спасибо! Очень полезно и круто!

[@SNSDfOu]

повезло, я только учусь

[@armanscription1428]

Прошёл Год, на какой вы сейчас позиции? Много ли набрали новых навыков?

[@farrukh.]

Работаю с Ангуларом больше года. Захотелось переключиться на Реакт и думаю это отличный курс для быстрого старта. Спасибо Владилен за доброе дело)

[@alaksion7712]

Случайно наткнулся на ваш канал, просто невероятное качество материала, без лишней воды и 'хрюканья'. Посмотрел на одном дыханье, уже открываю плейлист по хукам

[@VladilenMinin]

Добро пожаловать, я только начинаю) И благодарю за отзыв!

[@LaffkaDev]

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

[@VentelMr]

Cупер объяснения, лучший лектор. Каждую мелочь показать, просто гениально и большее СПАСИБО!!!

[@fullname9437]

Очень крутой урок! Давно так не кайфовал от подачи материала.

[@Tornado-ln7fq]

Вот он САМЫЙ ГИГАНТСКИЙ МИНУС react ,это он сам себя закапывает,своей влажностью компонентов,когда мы сами себе усложняем,а потом с этим боремся.Идея реакта здравая,а вот реализация как всегда подкачала,что сделаешь тру продукт,который уже не нужен,жалко.За уроки спасибо,они просто бомбические))

[@romanklymovych9564]

Классно! Но с какого то момента я перестал понимать. Но пересматривая врубаюсь! Спасибо!

[@crypto-xenomorph]

Аналогично. Сначала не успеваю за туДУдуДу всем этим следить. Но потом все укладывается.

[@argiziont]

@@crypto-xenomorph Тоже потерялся но потом на 10 минут остыл и начал все понимать

[@H1roHamada]

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

[@WashYourBack]

За пару лет многое упустил, наткнулся на видео, и как гора с плеч) Спасибо!

[@олегспирин-р4р]

Сидел ???

[@viktor_vorus]

Достойно, мне понравилось. Удивил факт наличия описания содержания по времени, вроде как мелочь, а показывает ваше старание в донесении информации.

[@Rapterlol]

Ооочень круто!! В одном видео показал всю суть React JS. Молодец, хорошо постарался. Подписка!!

[@krabbbit]

господи, спасибо вам огромное, была цель за день изучить React js, я посмотрела это видео, немного сама покопалась с кодом и всё прекрасно понятно, спасибо, с меня лайк и подписка

[@VladilenMinin]

Добро пожаловать)

[@ediltalantbekov]

Пожалуй самый лучший экпресс-курс по Реакт на русско-язычком просторе ютуба! Спасибо Дружище!

[@nikolyayakimenko6986]

УРААА Я ВСЁ ПОНЯЛ (почти) Смотрел 2 раза, сначала всё просто руками повторял у себя по возможности вдумчиво А второй раз полностью посмотрел уже с пониманием что где и с чем связано Дальше только подучить некоторые моменты, теорию так сказать и всё, то что выложено в этом видео можно самому применять на практике где угодно тем самым закрепляя в памяти

[@TVBoom1]

Расскажите про успехи сейчас? Выучили реакт? Работаете в айти?

[@ПашаГлебик]

Крутейший контент !!! За 1:17 изложить такой объем информации это уровень :) Спасибо !!!

[@sofkozl]

Владилен, огромное спасибо за такой урок! Очень тяжело дается реакт на онлайн курсах, но теперь после такого видео туториала в головн наконец-то выстраивается логика.

[@frixaco]

Спасибо огромное за курс!! Всего лишь за час и 17мин объяснили всю теорию в примерах!! ПС Так как лайк можно прожать всего лишь один раз, "пришлось" поставить лайки комментариям)))

[@Semenich1978]

Привет, Владилен. Я 20 лет программирую (PHP, Python, JS), но JS никогда не учил, а писал на нем интуитивно после PHP. Благодаря твоим видео (ну и не только, конечно им) ощутил все прелести последних редакций этого языка и теперь не могу писать на родном PHP, даже не смотря на большое обновления 8-ки. Выбрал реакт, потому что тянуть дальше навороченные фронты на jQuery не могу, выделил время специально, чтобы посмотреть твои курсы несколько раз (повторение - мать учения) м не могу не отметить высокий уровень тебя, как специалиста и учителя. Не скажу, что данный курс по Реакту легко заходит, даже не сомтря на весь мой опыт. Но я только в первой итерации просмотра. Спасибо за огромный труд по систематизации знаний.

[@VladilenMinin]

Благодарю за отзыв. Это крашкурс, подробно в полном рассказывал)

[@FireORcolD]

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

[@viktormandrika5503]

Лучшие уроки по JS фреймворка которые я видел, имею ввиду и Vue и React. Спасибо!

[@7iomka]

Всё четко и по полочкам разложили) Класс! Прекрасная дикция, минимум воды)

[@vadimoff22]

Как мне нравится, что у вас крупный план кода! Всё видно! У 97% обучающих в Ютубе надо напрягать зрение, чтобы что-то увидеть (с телефона). Как жаль что вы не рассказываете по Java (

[@VladilenMinin]

Да, это то, что позволяет мне продвигаться:)

[@meaningfulname9437]

Java Java Java. Дайте нам JAVA))))

[@nibius5091]

@@meaningfulname9437 @VadimOff дык есть вроде по Java сносные видосы kzbin.info/www/bejne/goDQlKacaq6soqs

[@hello-world-m]

@@nibius5091 спасибо за ссылку ) искал как раз что-то подобное по java, spring и прочее

[@darkfateinc7333]

Как в Розовой пантерке) Todo-todo...todo..todo-todo-todo-todo-todooooooo-to-do-do-do-do) Спасибо за крутые уроки) Todo лист розовой пантеры)

[@neofit3157]

купил ваш курс на удеми, в части js react вы конечно лучшие. Хорошо что вы есть.

[@peterlive6043]

как дял платного курса иностранные наголову выше. Стыдно брать деньги за курс в котором не вырезать косяки и поиски ошибок по 20 минут

[@ДенисКалинин-н7ъ]

Отличный курс, теперь уже не так страшно к диплому приступать, есть общее понимание инструмента, можно глубже погружаться в изучение веба, огромное спасибо)

[@dbuzeninka8005]

Ничего не понимаю, но очень интересно :)

[@olegvoskovets4309]

Мне напоминает... кто свидетель. Я свидетель ,а что случилось?

[@akovalevv]

все проще, ты видимо не очень хорошо сам JS знаешь. А это урок скорее для тех кто знает JS но не знает React.

[@phat80]

Андрей Ковалев знаю, не в идеале конечно, JS, но некоторые моменты не понимаю потому, что автор просто не объясняет почему именно так. Напоминает мне уроки, где просто советуют запомнить синтаксис и не задаваться лишними вопросами. Например, не понятно зачем городить огород с html подобным синтаксисом. Как по мне, это может только запутать, а не помочь. И по этому поводу ничего не объяснено, чем хорошо такое решение. Не понятно, почему некоторые стили лучше прописывать прямо в JS файле, а не подключать. Пока не понять мне крутость и популярность Реакта. Компонентный подход, да, хорошо, но реализация всего этого... оставляет желать лучшего, особенно синтаксис - вот вам html, но это не совсем html. Бред.

[@akovalevv]

@@phat80 все таки это не полноценный курс а цель его показать основы реакта и все что в нем есть. Поэтому автор использует разные подходы типо можно и так стиль прописать и вот так. Насчет крутости реакта и удобства, нууу, попробуй другие Фреймы. Ангулар или вуе. А если ты в принципе не понимаешь удобство фреймов то я тогда х з. Видимо ты не ебался с разработкой spa на ванильном js

[@akovalevv]

@@phat80 это не html а jsx и он является фишкой реакта с помощью которой ты можешь использовать и встраивать динамические объекты вроде переменных и функций в сам хтмл код. Это как минимум уже удобней ваниллы , так как не нужно ебаться с квейриселекторами и прочей фигней.

[@yanayeustratsyeva2267]

Спасибо большое за урок! Все очень лаконично сведено в один урок, который более-менее уложил в голове кучу текстовой информации

[@marynazaichenko]

Спасибо за проделанную работу! Видео очень информативное и информация легко воспринимается. Все просто супер!

[@ОлександрКовальчук-й9е]

Класно пояснив. Виклад матеріалу на висоті! Все чітко, доступно і без води! + в карму)

[@wisehannel9190]

Как всегда на высшем уровне =) Спасибо за контент и удачи в новых начинаниях

[@JavaAntis]

Отлично! Давно не работала на react - очень хороший час с react, правда, первый раз смотрю видео на этом канале. Спасибо, Владилен.

[@ЯрославКолесников-р2з]

Это было божественно )) Все очень доходчиво и понятно объясняете )

[@VladilenMinin]

Добро пожаловать, на канале ещё много таких роликов)

[@northern1]

Купил курс на сайте, очень заинтересовался вашей подачей. Процветания вашему каналу!

[@dfesk]

годный ролик убил день почти что бы писать вместо с тобою немного вникся. но как для первого знакомства, нормально вьехал по твоему видео спасибо большое

[@ErnestGaliullin]

Спасибо тебе огромное эта лучшее видео о React, за 1 час столько материала. Я пытался в разных видео уроках, пытался понять его в книгах. Если в видео уроках мне по 500 раз повторяли одно и тоже, а в книгах было очень тяжело преподносили. А тут и 1) Быстро 2)Показали где и как применить 3) Благодаря тебе теперь я понял как решить свою задачу на React. Ты сделал то что я считал невозможным за час про React.

[@siarheilabetsik5658]

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

[@cybersystem5137]

Не смотря на то, что я больше года работаю реакт-разрабом, знаю и классы и хуки и прочую лабуду - было интересно, спасибо! )

[@mrbasfed1948]

В примерах React имя функции совпадает частенько с параметром и от этого запутаться новичку проще простого.

[@timzeynalov3537]

красавчик )) ты смог показать что получилось и показал нам движуху )) как приятно знакомиться с теорией разработки побольше бы таких тем

[@akudrenko]

Как всегда, качественное видео, сделанное с душой) Спасибо за труды, Владилен!

[@yevgenmuza9728]

Супер урок! Сутки назад я ещё был полный ноль в реакте, сейчас уже более-менее понимаю и могу писать фронт. Видео - отличная точка для старта и вся информация подаётся быстро и без воды.

[@АлексейКомлев-т4с]

А сейчас как успехи?

[@artemtereshchenko6481]

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

[@VladilenMinin]

Благодарю за отзыв)

[@kotofun]

Отличное введение в React! Теперь надо практиковаться, чтобы всю эту информацию переварить и превратить в реальный навык.

[@turalinov]

Хороший курс. Я как раз только начинаю знакомство с React.

[@АндрейУсков-е4й]

Ruslan, esli tol'ko nachinaesh', ochen' podrobnie lekcii po React na it-kamasutra. No syuda potom obyazatel'no vernis'. Zdes' ochen' poleznaya infa :)

[@turalinov]

@@АндрейУсков-е4й ага, спасибо за совет, я и там и здесь)

[@TrinoUNO]

Редко пишу комменты и фиды. Огонь!

[@kexxpert1331]

Насчёт включенной в видео теории, это, конечно, погорячились. Но само видео классное. Много наглядных примеров и в целом все понятно (когда уже немного в курсе темы). Если не в курсе, то очень сложно.

[@ddrdeveloper]

если очень сложно, то можно начать с IT-KAMASUTRA - там разжевывается все очень подробно. А данный курс, действительно хорош для тех, кто уже немного в курсе и абстрактно в голове уже имеет представление о работе React

[@alexandrter1849]

Отличный туториал. Следуя ему мне удалось создать необходимый мне функционал взаимодействия с сервером даже не имея базовых знаний JS. Java разработчик.

[@leo_hlush]

Очень доступное обьяснение основ Реакта Как всегда спасибо Владлен за твои старания!

[@dmitri683]

Круто! Мне очень помогло то, что на курсах, на которых я учу frontend разработку, я уже прошёл компонентный подход к созданию приложений, до этого было тяжело усваивать, сейчас почти с первого раза всё сделал)

[@rinatvaliullov3247]

А между прочим, курс получился очень даже неплохой! Спасибо.

[@VladilenMinin]

Ты еще по Vue скорее всего не видел) Но благодарю!

[@artemarzumanyan7755]

Классно, что сделано с хуками (включая кастомный) и отдельный пример с классовой компонентой (правда без методов жизненного цикла). Спасибо огромное. И правда очень полезное и содержательное видео. За модалку отдельное мерси. :)

[@osobennyu]

Всё очень доходчиво рассказано, отличная подача материала , спасибо

[@vados7341]

Очень и круто доходчиво автор объясняет + очень хорошая дикция, смотрю это видео в 2022 году так как обучающие видосы на других каналах смотреть невыносимо, везде одно и то же: сначала информация подается плавно а потом к середине видоса автора начинает заносить и становится ничего не понятно, ощущение будто в один момент пропустили 5 глав.

[@aripenko]

Классный курс. Но для тебя тех кто не ставит точку с запятой, существует отдельный котёл в преисподней )))

[@redhook777]

Зачем ее ставить, если это необязательно?

[@matrix_root]

Бро, отличный видос. Писал на реакте год назад, сейчас открыл повторить - буквально всё вспомнил, благодарю, подписка!

[@VladilenMinin]

Добро пожаловать)

[@romansharpe1131]

Спасибо большое, Владилен! У тебя столько полезностей на канале)

[@Mykhailo_Vdovychenko]

Крутейший урок! Смотрится на одном дыхании! Очень классно 👍👍👍

[@Chetanoo]

Спасибо вам за проделанную работу. Информативное видео.

[@nerrisy8839]

Круто! Чувствую, с этим уроком я сделаю свое приложение и пройду стажировку

[@cahwardev9804]

Ну как? Прошёл?)

[@nerrisy8839]

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

[@evgeniyn1542]

О большой ролик про React это круто, спасибо. )

[@VladilenMinin]

Приятного просмотра, напиши потом, если найдешь что-то новое для себя в видео из React)

[@ГерманТкачев-и3м]

@@VladilenMinin Здравствуйте. Как исправить эту ошибку ? Error: spawn cmd ENOENT ←[90m at Process.ChildProcess._handle.onexit (internal/child_process.js:267:19)←[39m ←[90m at onErrorNT (internal/child_process.js:469:16)←[39m ←[90m at processTicksAndRejections (internal/process/task_queues.js:84:21)←[39m Emitted 'error' event on ChildProcess instance at: ←[90m at Process.ChildProcess._handle.onexit (internal/child_process.js:273:12)←[39m ←[90m at onErrorNT (internal/child_process.js:469:16)←[39m ←[90m at processTicksAndRejections (internal/process/task_queues.js:84:21)←[39m { errno: ←[32m'ENOENT'←[39m, code: ←[32m'ENOENT'←[39m, syscall: ←[32m'spawn cmd'←[39m, path: ←[32m'cmd'←[39m, spawnargs: [ ←[32m'/s'←[39m, ←[32m'/c'←[39m, ←[32m'start'←[39m, ←[32m'""'←[39m, ←[32m'/b'←[39m, ←[32m'"localhost:3000"'←[39m ] } npm ERR! code ELIFECYCLE npm ERR! errno 1 npm ERR! react-youtube@0.1.0 start: `react-scripts start` npm ERR! Exit status 1 npm ERR! npm ERR! Failed at the react-youtube@0.1.0 start script. npm ERR! This is probably not a problem with npm. There is likely additional logging output above. npm ERR! A complete log of this run can be found in: npm ERR! C:\Users\il\AppData\Roaming pm-cache\_logs\2020-05-16T17_08_31_130Z-debug.log

[@nekom112]

Владилен, респект за видос!!! Смотрится как остросюжетный боевик))) максимально увлекательно и доступно))

[@javohirsattarxanov2231]

Огромнейшее спасибо за твой труд

[@Nikolai2033]

Круть! Хорошо, что подробно объясняешь многие моменты, как именно это работает!

[@travanchik]

очень хорошее краткое введение, спасибо!

[@npistudent]

А у меня не появилось Яндекс.Облако. Теперь не установится? 😂 Спасибо! Отличный материал, понятная и логичная подача 👍

[@KostiaBazrov]

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

[@lazyevilhazard]

Как дополнение к официальному руководству - годно! Спасибо:)

[@srt2046]

Владилен, сделайте пожалуйста курс React по созданию CRM, как вы делали на Vue. Чтобы была готовая вертска, сложный функционал, и вы бы только натягивали эту вёрстку на реакт) заранее спасибо

[@АртурБеленченко]

Владилен, Вы крут! Все настолько понятно по react!👍

[@КостяКреон]

Да, нихера не понятно....

[@guitarplayer7400]

Отличный курс, большое спасибо за труд!

[@КириллДавыдов-к2б]

Ценность данного видео зашкаливает, ты крут!

[@cojucovschiion6339]

Отличный курс, большое спасибо за труд! (awesome!!!!!)

[@Alexus1504]

"todos - todos, todo" поломало мне конечно мозг!)))))!!!!!!

[@vertalet76crew]

Хороший курс , но я пока слушком тупой

[@Robixyd]

почитай побольше книг, станешь грамотным и умным

[@АлексейК-м3л]

не переживай - не ты один такой )

[@Furamy]

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

[@montykay6003]

@@кекендосзапарусотен пхахахахпахах. А что нужно? Видео Хауди?

[@Белорусскаяассоциациястрах-я5д]

@@montykay6003 И Гоши Дударя

[@НикитаГончаров-е8ш]

Посмотрел урок, когда уже сделал пару приложений в реакте. Все очень сжато, но в целом круто и понятно. Можно посмотреть перед полноценным изучением, чтобы ознакомиться с реактом, а потом в конце, чтобы немного структурировать. Спасибо!

[@elysium2013]

Отличный урок для первоначального ознакомления с React!

[@dennisfisher2684]

Ту-ду, ту-дус, ту-ду, туду-тудус, туду-туду-тутус-тутус... Ничего не понятно, но ясно одно - едем куда-то в поезде ) В ролике по Vue тоже самое: ту-тух, ту-тух, ту-тух-тух )

[@kolyab8310]

бомблю жестко. не понимаю как можно использовать повсеместно одни и те же названия

[@murad_shafii]

ты прав, так сложнее, поэтому мне помогает не запутаться использование разных названий

[@ИванТюников-д3е]

Попробуй использовать свои. Я поначалу тоже путался в тудусах. Главное понять какое откуда. Со своими названиями пошло гораздо веселей.

[@freestyle5685]

Работал с Vue, а теперь на новой работе мучительно перехожу на реакт. Спасибо, что чуточку уменьшил мучения) Но все-таки делать filter, когда тебе нужен один конкретный id - это жестко😂 find в помощь)

[@LuciferAngelos]

Неплохой урок, но это сложно назвать "быстрым курсом". Чтобы понимать, что происходит - нужно уже что-то знать. Видео хорошо подойдёт людям, кто уже посмотрел пару видосов, почитал документацию. Тем, кто только пришел в реакт - вряд ли будет что-то понятно.

[@shervad]

Мне все понятно, первое знакомство с React. Чтобы читать - необходимо знать буквы и т.д. Не зная js, влететь во фреймворк не получится, уже пройдено 100500 раз.

[@ildarvafakov5332]

I bought the course of React(www.udemy.com) and in two days i found this one(facepalm)... Never mind, anyway, I'm happy))) Vladilen Minin, you are my Hero) Please don't stop!

[@grannybatman_1]

Очень классный контент! Спасибо большое

[@АлінаСкакун-в7н]

Люди, которые ставят дизлайк, объяснитесь, пожалуйста. Спасибо за видео!)

[@zz1965Serg]

Жизнь слишком коротка чтобы всю жизнь рисовать странички.

[@teamegovv]

Хороший контент, спасибо！

[@mikurrey416]

Огромное спасибо за курс! Как раз понадобилось написать подобное приложение в связке с Electron

[@tregubov]

Туду, Карл!

[@LaffkaDev]

поржал))

[@tarasfydria4889]

Спасибо, и учитель хороший и слушать ваш голос одно удовольствие(именно ваше качество как диктора)

[@LogopedLTD]

Крутая лекция))

[@MonteCrush.]

Рановато я сюда пришел увидимся, надеюсь скоро))

[@drews.believer]

Топ контент)

[@MERKYRIY-fn5rw]

Владлен реально потужно гасиш теорію і практику))) так смалити. Все спокійно, зрозуміло, коротко про головне. Дякую.

[@HTMLHarbor]

Спасибо большое

[@helgdrev7537]

Фух, наконец вроде нормальное видео для тех, кто только начал