Буду рад, если вы поделитесь этим видео и поможете другим в освоении 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 Полезен был контент?
Ох уж этот наркотик полезной информации на который я подсел. Просто прекрасная подача информации, спасибо, за вашу работу, постепенно буду покупать все ваши курсы
Случайно наткнулся на ваш канал, просто невероятное качество материала, без лишней воды и 'хрюканья'. Посмотрел на одном дыханье, уже открываю плейлист по хукам
Уже не первый раз смотрю Ваши ролики! Я junior frontend разработчик без профильного образования, и Ваши ролики помогают за пару часов въехать в материал и начать понимать его концепции. Дополняю Ваши ролики чтением документации, которая, так же благодаря Вам, обретает смысл =D. Спасибо! Очень полезно и круто!
Владилен, огромное спасибо за такой урок! Очень тяжело дается реакт на онлайн курсах, но теперь после такого видео туториала в головн наконец-то выстраивается логика.
Урок очень полезный, видно, что человек разбирается в библиотеке и, самое главное - смог донести эти знания. В целом весь контент на канале оч полезный, на моей памяти таких каналов всего пару, которые я встречал. В общем, преподавательский навык прокачан на максимум, спасибо :) Вероятно, много упущено, дабы ролик не был длиною в жизнь, но и автор это сразу сказал. Почитал комменты, многие недовольны, но учитывайте, что это для новичка и суть ролика показать концепцию и базовые навыки. Понятно, что в дальнейшем нужно учиться большему и уже самому выбирать что правильно, а что нет
УРААА Я ВСЁ ПОНЯЛ (почти) Смотрел 2 раза, сначала всё просто руками повторял у себя по возможности вдумчиво А второй раз полностью посмотрел уже с пониманием что где и с чем связано Дальше только подучить некоторые моменты, теорию так сказать и всё, то что выложено в этом видео можно самому применять на практике где угодно тем самым закрепляя в памяти
господи, спасибо вам огромное, была цель за день изучить React js, я посмотрела это видео, немного сама покопалась с кодом и всё прекрасно понятно, спасибо, с меня лайк и подписка
Спасибо огромное за курс!! Всего лишь за час и 17мин объяснили всю теорию в примерах!! ПС Так как лайк можно прожать всего лишь один раз, "пришлось" поставить лайки комментариям)))
Отличный курс, теперь уже не так страшно к диплому приступать, есть общее понимание инструмента, можно глубже погружаться в изучение веба, огромное спасибо)
Вот он САМЫЙ ГИГАНТСКИЙ МИНУС react ,это он сам себя закапывает,своей влажностью компонентов,когда мы сами себе усложняем,а потом с этим боремся.Идея реакта здравая,а вот реализация как всегда подкачала,что сделаешь тру продукт,который уже не нужен,жалко.За уроки спасибо,они просто бомбические))
Привет, Владилен. Я 20 лет программирую (PHP, Python, JS), но JS никогда не учил, а писал на нем интуитивно после PHP. Благодаря твоим видео (ну и не только, конечно им) ощутил все прелести последних редакций этого языка и теперь не могу писать на родном PHP, даже не смотря на большое обновления 8-ки. Выбрал реакт, потому что тянуть дальше навороченные фронты на jQuery не могу, выделил время специально, чтобы посмотреть твои курсы несколько раз (повторение - мать учения) м не могу не отметить высокий уровень тебя, как специалиста и учителя. Не скажу, что данный курс по Реакту легко заходит, даже не сомтря на весь мой опыт. Но я только в первой итерации просмотра. Спасибо за огромный труд по систематизации знаний.
всегда поражаюсь как вы так логично легко выстраиваете цепочку, сколько же лет опыта за плечами. У меня братья тоже также пишут, а для меня пока это магия, смотрел и повторял исключительно для расширения кругозора, надеюсь в скором будущем также смогу собирать в голове код)
Для тех, кто хочет освоить профессию Frontend разработчика за 7 месяцев - bit.ly/39LVwv2 Освоить основы веб-разработки бесплатно. Курс по HTML & CSS - bit.ly/3xQbQ5K
Спасибо тебе огромное эта лучшее видео о React, за 1 час столько материала. Я пытался в разных видео уроках, пытался понять его в книгах. Если в видео уроках мне по 500 раз повторяли одно и тоже, а в книгах было очень тяжело преподносили. А тут и 1) Быстро 2)Показали где и как применить 3) Благодаря тебе теперь я понял как решить свою задачу на React. Ты сделал то что я считал невозможным за час про React.
годный ролик убил день почти что бы писать вместо с тобою немного вникся. но как для первого знакомства, нормально вьехал по твоему видео спасибо большое
Классно, что сделано с хуками (включая кастомный) и отдельный пример с классовой компонентой (правда без методов жизненного цикла). Спасибо огромное. И правда очень полезное и содержательное видео. За модалку отдельное мерси. :)
Андрей Ковалев знаю, не в идеале конечно, JS, но некоторые моменты не понимаю потому, что автор просто не объясняет почему именно так. Напоминает мне уроки, где просто советуют запомнить синтаксис и не задаваться лишними вопросами. Например, не понятно зачем городить огород с html подобным синтаксисом. Как по мне, это может только запутать, а не помочь. И по этому поводу ничего не объяснено, чем хорошо такое решение. Не понятно, почему некоторые стили лучше прописывать прямо в JS файле, а не подключать. Пока не понять мне крутость и популярность Реакта. Компонентный подход, да, хорошо, но реализация всего этого... оставляет желать лучшего, особенно синтаксис - вот вам html, но это не совсем html. Бред.
@@phat80 все таки это не полноценный курс а цель его показать основы реакта и все что в нем есть. Поэтому автор использует разные подходы типо можно и так стиль прописать и вот так. Насчет крутости реакта и удобства, нууу, попробуй другие Фреймы. Ангулар или вуе. А если ты в принципе не понимаешь удобство фреймов то я тогда х з. Видимо ты не ебался с разработкой spa на ванильном js
@@phat80 это не html а jsx и он является фишкой реакта с помощью которой ты можешь использовать и встраивать динамические объекты вроде переменных и функций в сам хтмл код. Это как минимум уже удобней ваниллы , так как не нужно ебаться с квейриселекторами и прочей фигней.
Круто! Мне очень помогло то, что на курсах, на которых я учу frontend разработку, я уже прошёл компонентный подход к созданию приложений, до этого было тяжело усваивать, сейчас почти с первого раза всё сделал)
Как мне нравится, что у вас крупный план кода! Всё видно! У 97% обучающих в Ютубе надо напрягать зрение, чтобы что-то увидеть (с телефона). Как жаль что вы не рассказываете по Java (
@@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
Насчёт включенной в видео теории, это, конечно, погорячились. Но само видео классное. Много наглядных примеров и в целом все понятно (когда уже немного в курсе темы). Если не в курсе, то очень сложно.
если очень сложно, то можно начать с IT-KAMASUTRA - там разжевывается все очень подробно. А данный курс, действительно хорош для тех, кто уже немного в курсе и абстрактно в голове уже имеет представление о работе React
@@cahwardev9804 Завтра дедлайн, но увы мне еще много осталось. К сожалению, этот урок немного не то, что мне нужно, но дает базовые понятия, как это происходит, что тоже хорошо
Владилен, сделайте пожалуйста курс React по созданию CRM, как вы делали на Vue. Чтобы была готовая вертска, сложный функционал, и вы бы только натягивали эту вёрстку на реакт) заранее спасибо
Очень и круто доходчиво автор объясняет + очень хорошая дикция, смотрю это видео в 2022 году так как обучающие видосы на других каналах смотреть невыносимо, везде одно и то же: сначала информация подается плавно а потом к середине видоса автора начинает заносить и становится ничего не понятно, ощущение будто в один момент пропустили 5 глав.
Супер урок! Сутки назад я ещё был полный ноль в реакте, сейчас уже более-менее понимаю и могу писать фронт. Видео - отличная точка для старта и вся информация подаётся быстро и без воды.
Отличный способ подачи, минимум лишнего. Работаю с Vue уже 4 года, возникла срочная необходимость из-за одного умника, использовать React. Нахожу его очень муторным, как на уровень ассемблера спустился по сравнению с Vue :) Я понимаю что это холивар, но все же, 42:42 "Создам переменную", при этом объявляю ее как `const`, так переменная или константа? :) К слову, вначале как раз из-за этого правила "Всегда const" получили ошибку при изменении значения todos. (лат. constans, родительный падеж constantis - постоянный, неизменный) - лично мое мнение, если значение или его часть будет меняться, объявлять это как константу - значит противоречить здравому смыслу. Особенно про состояние, оно ведь реактивно, а значит, НЕ может быть константой. Каждому свое. Другими словами, как можно число ПИ в одном месте кода использовать со значением 3.14, в другом - со значением 3.16?
ну человек переписывает и шаг за шагом вникает. В какой-то мере это даже плюс, ибо САМ приходишь к пониманию. Можно, конечно, объяснять каждый шаг, но это тогда уже не 1 час будет))
vogelfenixable ну так зачем писать, что вся теория включена? Тут как раз теории крайне мало. Можно было назвать видео - практическая демонстрация возможностей React. Пока посмотрев видео, есть ощущение, что нужно было сначала почитать теорию. Тогда видео очень хорошо дополнило бы изученный материал. Урок неплохой, так как практики в уроках обычно встречается крайне мало, все на простейших примерах объясняют, которые чуть сложнее халоворлда. Просто данный урок позиционируется неправильно. Это никакой не полный курс и никакая не вся теория.
Вот вроде хорошо все, но зачем вы в событии onChange называете функцию onChange, ну придумали бы другое название. Про todo и todos вообще молчу. Мне как новичку сложно было понять в чем тут дело. Пожалуйста, делайте названия функций и переменных более различимыми. Кто знает, на Udemy такая же история, есть тут кто купил и прошел?
Отличный туториал. Следуя ему мне удалось создать необходимый мне функционал взаимодействия с сервером даже не имея базовых знаний JS. Java разработчик.
Туториал отличный. Спасибо, всё очень подробно и понятно. НО. 33:45 - и вот тут, как по мне, удобство превращается в геморрой. Извиняюсь, может это я один такой? Но я вот никак не могу понять, что такого полезного и уникального в React. Вся разница, которую я наблюдаю в различных разборах и примерах, в том, что вся вёрстка пишется исключительно в JS, а HTML и CSS (именно файлы, а не код) генерируются автоматически. Может кто-нибудь объяснить этот ажиотаж вокруг React? Уже год не могу понять, в чём его смысл, когда есть IDE, HTML, CSS, JS, jQuery, голова и руки. Или это очередная идея упрощения процесса вёрстки, вроде Gulp, SCSS, Grunt и подобных? Каким образом он даёт понимание структуры приложения лучше, чем грамотно оформленный исходный код в классическом виде?
Он создает параллельно дому браузера эквивалентный виртуальный дом в памяти, с которым и работает. Резко повышается производительность. Кроме того вводится понятие состояний компонентов. И реакт следит за состояниями и их изменениями, а не бегает как jquery по дереву дома, чтобы достичь нужного узла.
@@pozytron-sg я в курсе, что Реакт не ограничивается вёрсткой. Я говорю о том, что "чем использование React отличается от настройки сайта/приложения на серверном языке (PHP или Python)?" Я вижу только два отличия: 1) всё пишется на JS (не надо учить серверные языки) 2) обработка запросов происходит быстрее силами браузера, за счёт того, что с сервера запрашиваются только данные, а не рендер страницы Если я правильно всё понял.
@@Epenckorn реакт/вью/ангуляр, если есть цель SPA писать, не думая о роботах поисковиков, будет хорошим решением, т.к переходах на различные страницы не будет тратиться время на загрузку страницы, как при серверном рендеринге (laravel, django, что угодно подобное), например. Один раз чанки js загружаются, а потом с помощью js и тот же роутинг возможен, например. За счет виртуального дом происходит оптимизация при отрисовке элементов страницы в случае изменений на странице, что jquery сделать не может. + когда много функционала в UI чрезмерное количество джиквери затрудняет писать архитектуру по фронту, и больше шанс плохого кода и хренового поддержки. В общем, как-то так
![React JS c Нуля - Курс для начинающих БЕЗ ВОДЫ [2024]](http://i.ytimg.com/vi/kz23xxukY5s/mqdefault.jpg)
Обновленный курс на 2022 - th-cam.com/video/OJ16BaPC6VI/w-d-xo.html
Буду рад, если вы поделитесь этим видео и поможете другим в освоении 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 А как хранить состояния приложения?
1:00:06 useEffect (работа с севером)!? С севером!?
@@Андрей-ь6й8н НУ НЕ С ЮГОМ ВЕДЬ!
круто, спасибо
лучшее практическое введение в ReactJS из всех, что я видел
Интонация и успокаивающий тембр голоса нравиться!
@@andreyzinovjev3920 да, и мне тоже видимо... не одному тебе с мужиком жить
Ох уж этот наркотик полезной информации на который я подсел. Просто прекрасная подача информации, спасибо, за вашу работу, постепенно буду покупать все ваши курсы
Главное, что объяснил как убрать яндекс-облако)
а вообще все супер круто и без воды.
А у меня почему-то не появляется облако. Что я делаю не так?
Отличный туториал для молодых разработчиков, сразу с примером того, как не нужно именовать переменные)
а как нужно ?
Случайно наткнулся на ваш канал, просто невероятное качество материала, без лишней воды и 'хрюканья'. Посмотрел на одном дыханье, уже открываю плейлист по хукам
Добро пожаловать, я только начинаю)
И благодарю за отзыв!
Очень крутой урок! Давно так не кайфовал от подачи материала.
Уже не первый раз смотрю Ваши ролики!
Я junior frontend разработчик без профильного образования, и Ваши ролики помогают за пару часов въехать в материал и начать понимать его концепции. Дополняю Ваши ролики чтением документации, которая, так же благодаря Вам, обретает смысл =D.
Спасибо! Очень полезно и круто!
повезло, я только учусь
Прошёл Год, на какой вы сейчас позиции? Много ли набрали новых навыков?
Работаю с Ангуларом больше года. Захотелось переключиться на Реакт и думаю это отличный курс для быстрого старта. Спасибо Владилен за доброе дело)
Очень интересная подача материала, смотрел не один ролик на одном дыхании. Единственное что ломало мозг - это название функций, туду туда туды)
Классно! Но с какого то момента я перестал понимать. Но пересматривая врубаюсь! Спасибо!
Аналогично. Сначала не успеваю за туДУдуДу всем этим следить. Но потом все укладывается.
@@crypto-xenomorph Тоже потерялся но потом на 10 минут остыл и начал все понимать
Владилен, огромное спасибо за такой урок! Очень тяжело дается реакт на онлайн курсах, но теперь после такого видео туториала в головн наконец-то выстраивается логика.
Cупер объяснения, лучший лектор. Каждую мелочь показать, просто гениально и большее СПАСИБО!!!
Крутейший контент !!!
За 1:17 изложить такой объем информации это уровень :)
Спасибо !!!
Урок очень полезный, видно, что человек разбирается в библиотеке и, самое главное - смог донести эти знания. В целом весь контент на канале оч полезный, на моей памяти таких каналов всего пару, которые я встречал. В общем, преподавательский навык прокачан на максимум, спасибо :)
Вероятно, много упущено, дабы ролик не был длиною в жизнь, но и автор это сразу сказал.
Почитал комменты, многие недовольны, но учитывайте, что это для новичка и суть ролика показать концепцию и базовые навыки. Понятно, что в дальнейшем нужно учиться большему и уже самому выбирать что правильно, а что нет
За пару лет многое упустил, наткнулся на видео, и как гора с плеч) Спасибо!
Сидел ???
Как всегда на высшем уровне =) Спасибо за контент и удачи в новых начинаниях
Ооочень круто!! В одном видео показал всю суть React JS. Молодец, хорошо постарался. Подписка!!
УРААА
Я ВСЁ ПОНЯЛ (почти)
Смотрел 2 раза, сначала всё просто руками повторял у себя по возможности вдумчиво
А второй раз полностью посмотрел уже с пониманием что где и с чем связано
Дальше только подучить некоторые моменты, теорию так сказать и всё, то что выложено в этом видео можно самому применять на практике где угодно тем самым закрепляя в памяти
Расскажите про успехи сейчас? Выучили реакт? Работаете в айти?
господи, спасибо вам огромное, была цель за день изучить React js, я посмотрела это видео, немного сама покопалась с кодом и всё прекрасно понятно, спасибо, с меня лайк и подписка
Добро пожаловать)
Это было божественно ))
Все очень доходчиво и понятно объясняете )
Добро пожаловать, на канале ещё много таких роликов)
Всё четко и по полочкам разложили) Класс! Прекрасная дикция, минимум воды)
Отлично! Давно не работала на react - очень хороший час с react, правда, первый раз смотрю видео на этом канале. Спасибо, Владилен.
Спасибо за проделанную работу! Видео очень информативное и информация легко воспринимается. Все просто супер!
Лучшие уроки по JS фреймворка которые я видел, имею ввиду и Vue и React. Спасибо!
Спасибо огромное за курс!! Всего лишь за час и 17мин объяснили всю теорию в примерах!!
ПС Так как лайк можно прожать всего лишь один раз, "пришлось" поставить лайки комментариям)))
Достойно, мне понравилось. Удивил факт наличия описания содержания по времени, вроде как мелочь, а показывает ваше старание в донесении информации.
Спасибо тебе, добрый человек, за такой прекрасный курс.
Отличная манера преподавания.
Спасибо большое за урок! Все очень лаконично сведено в один урок, который более-менее уложил в голове кучу текстовой информации
Пожалуй самый лучший экпресс-курс по Реакт на русско-язычком просторе ютуба! Спасибо Дружище!
красавчик )) ты смог показать что получилось и показал нам движуху )) как приятно знакомиться с теорией разработки побольше бы таких тем
купил ваш курс на удеми, в части js react вы конечно лучшие. Хорошо что вы есть.
как дял платного курса иностранные наголову выше. Стыдно брать деньги за курс в котором не вырезать косяки и поиски ошибок по 20 минут
Купил курс на сайте, очень заинтересовался вашей подачей. Процветания вашему каналу!
Как всегда, качественное видео, сделанное с душой) Спасибо за труды, Владилен!
Отличный курс, теперь уже не так страшно к диплому приступать, есть общее понимание инструмента, можно глубже погружаться в изучение веба, огромное спасибо)
Спасибо большое, Владилен! У тебя столько полезностей на канале)
Вот он САМЫЙ ГИГАНТСКИЙ МИНУС react ,это он сам себя закапывает,своей влажностью компонентов,когда мы сами себе усложняем,а потом с этим боремся.Идея реакта здравая,а вот реализация как всегда подкачала,что сделаешь тру продукт,который уже не нужен,жалко.За уроки спасибо,они просто бомбические))
Большое спасибо за актуальный и полезный видеоролик, Владилен! Отличный материал!
Благодарю за отзыв)
Привет, Владилен. Я 20 лет программирую (PHP, Python, JS), но JS никогда не учил, а писал на нем интуитивно после PHP. Благодаря твоим видео (ну и не только, конечно им) ощутил все прелести последних редакций этого языка и теперь не могу писать на родном PHP, даже не смотря на большое обновления 8-ки. Выбрал реакт, потому что тянуть дальше навороченные фронты на jQuery не могу, выделил время специально, чтобы посмотреть твои курсы несколько раз (повторение - мать учения) м не могу не отметить высокий уровень тебя, как специалиста и учителя. Не скажу, что данный курс по Реакту легко заходит, даже не сомтря на весь мой опыт. Но я только в первой итерации просмотра. Спасибо за огромный труд по систематизации знаний.
Благодарю за отзыв. Это крашкурс, подробно в полном рассказывал)
всегда поражаюсь как вы так логично легко выстраиваете цепочку, сколько же лет опыта за плечами. У меня братья тоже также пишут, а для меня пока это магия, смотрел и повторял исключительно для расширения кругозора, надеюсь в скором будущем также смогу собирать в голове код)
Класно пояснив. Виклад матеріалу на висоті! Все чітко, доступно і без води!
+ в карму)
Для тех, кто хочет освоить профессию Frontend разработчика за 7 месяцев -
bit.ly/39LVwv2
Освоить основы веб-разработки бесплатно. Курс по HTML & CSS - bit.ly/3xQbQ5K
Спасибо тебе огромное эта лучшее видео о React, за 1 час столько материала. Я пытался в разных видео уроках, пытался понять его в книгах. Если в видео уроках мне по 500 раз повторяли одно и тоже, а в книгах было очень тяжело преподносили. А тут и 1) Быстро 2)Показали где и как применить 3) Благодаря тебе теперь я понял как решить свою задачу на React. Ты сделал то что я считал невозможным за час про React.
Всё очень доходчиво рассказано, отличная подача материала , спасибо
Как в Розовой пантерке) Todo-todo...todo..todo-todo-todo-todo-todooooooo-to-do-do-do-do)
Спасибо за крутые уроки) Todo лист розовой пантеры)
годный ролик
убил день почти что бы писать вместо с тобою
немного вникся.
но как для первого знакомства, нормально вьехал по твоему видео
спасибо большое
Круть! Хорошо, что подробно объясняешь многие моменты, как именно это работает!
Очень доступное обьяснение основ Реакта
Как всегда спасибо Владлен за твои старания!
В примерах React имя функции совпадает частенько с параметром и от этого запутаться новичку проще простого.
Владилен, респект за видос!!!
Смотрится как остросюжетный боевик))) максимально увлекательно и доступно))
Спасибо вам за проделанную работу. Информативное видео.
Классно, что сделано с хуками (включая кастомный) и отдельный пример с классовой компонентой (правда без методов жизненного цикла). Спасибо огромное. И правда очень полезное и содержательное видео. За модалку отдельное мерси. :)
А между прочим, курс получился очень даже неплохой! Спасибо.
Ты еще по Vue скорее всего не видел)
Но благодарю!
Владилен, Вы крут! Все настолько понятно по react!👍
Да, нихера не понятно....
Ничего не понимаю, но очень интересно :)
Мне напоминает... кто свидетель. Я свидетель ,а что случилось?
все проще, ты видимо не очень хорошо сам JS знаешь. А это урок скорее для тех кто знает JS но не знает React.
Андрей Ковалев знаю, не в идеале конечно, JS, но некоторые моменты не понимаю потому, что автор просто не объясняет почему именно так. Напоминает мне уроки, где просто советуют запомнить синтаксис и не задаваться лишними вопросами. Например, не понятно зачем городить огород с html подобным синтаксисом. Как по мне, это может только запутать, а не помочь. И по этому поводу ничего не объяснено, чем хорошо такое решение. Не понятно, почему некоторые стили лучше прописывать прямо в JS файле, а не подключать. Пока не понять мне крутость и популярность Реакта. Компонентный подход, да, хорошо, но реализация всего этого... оставляет желать лучшего, особенно синтаксис - вот вам html, но это не совсем html. Бред.
@@phat80 все таки это не полноценный курс а цель его показать основы реакта и все что в нем есть. Поэтому автор использует разные подходы типо можно и так стиль прописать и вот так. Насчет крутости реакта и удобства, нууу, попробуй другие Фреймы. Ангулар или вуе. А если ты в принципе не понимаешь удобство фреймов то я тогда х з. Видимо ты не ебался с разработкой spa на ванильном js
@@phat80 это не html а jsx и он является фишкой реакта с помощью которой ты можешь использовать и встраивать динамические объекты вроде переменных и функций в сам хтмл код. Это как минимум уже удобней ваниллы , так как не нужно ебаться с квейриселекторами и прочей фигней.
Круто! Мне очень помогло то, что на курсах, на которых я учу frontend разработку, я уже прошёл компонентный подход к созданию приложений, до этого было тяжело усваивать, сейчас почти с первого раза всё сделал)
Как мне нравится, что у вас крупный план кода! Всё видно! У 97% обучающих в Ютубе надо напрягать зрение, чтобы что-то увидеть (с телефона). Как жаль что вы не рассказываете по Java (
Да, это то, что позволяет мне продвигаться:)
Java Java Java. Дайте нам JAVA))))
@@meaningfulname9437 @VadimOff дык есть вроде по Java сносные видосы th-cam.com/video/LOmcsf5IylI/w-d-xo.html
@@nibius5091 спасибо за ссылку ) искал как раз что-то подобное по java, spring и прочее
Бро, отличный видос. Писал на реакте год назад, сейчас открыл повторить - буквально всё вспомнил, благодарю, подписка!
Добро пожаловать)
О большой ролик про React это круто, спасибо. )
Приятного просмотра, напиши потом, если найдешь что-то новое для себя в видео из React)
@@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
Как дополнение к официальному руководству - годно! Спасибо:)
Хороший контент, спасибо！
Редко пишу комменты и фиды. Огонь!
Огромнейшее спасибо за твой труд
Ценность данного видео зашкаливает, ты крут!
Очень классный контент! Спасибо большое
Крутейший урок! Смотрится на одном дыхании! Очень классно 👍👍👍
Насчёт включенной в видео теории, это, конечно, погорячились. Но само видео классное. Много наглядных примеров и в целом все понятно (когда уже немного в курсе темы). Если не в курсе, то очень сложно.
если очень сложно, то можно начать с IT-KAMASUTRA - там разжевывается все очень подробно. А данный курс, действительно хорош для тех, кто уже немного в курсе и абстрактно в голове уже имеет представление о работе React
Все шикарно, получил ценную информацию с которой можно дальше работать и прокачиваться ! Спасибо большое! Посмотрел на одном дыхание ♥
Отличный курс, большое спасибо за труд!
Спасибо, и учитель хороший и слушать ваш голос одно удовольствие(именно ваше качество как диктора)
Хороший курс. Я как раз только начинаю знакомство с React.
Ruslan, esli tol'ko nachinaesh', ochen' podrobnie lekcii po React na it-kamasutra. No syuda potom obyazatel'no vernis'. Zdes' ochen' poleznaya infa :)
@@АндрейУсков-е4й ага, спасибо за совет, я и там и здесь)
Спасибо большое! Быстро погрузился в React :) Автору видео большой респект!!!
Отличный курс, большое спасибо за труд! (awesome!!!!!)
Отличное введение в React! Теперь надо практиковаться, чтобы всю эту информацию переварить и превратить в реальный навык.
очень хорошее краткое введение, спасибо!
Круто! Чувствую, с этим уроком я сделаю свое приложение и пройду стажировку
Ну как? Прошёл?)
@@cahwardev9804 Завтра дедлайн, но увы мне еще много осталось. К сожалению, этот урок немного не то, что мне нужно, но дает базовые понятия, как это происходит, что тоже хорошо
Крутая лекция))
Владлен реально потужно гасиш теорію і практику))) так смалити.
Все спокійно, зрозуміло, коротко про головне.
Дякую.
Владилен, сделайте пожалуйста курс React по созданию CRM, как вы делали на Vue.
Чтобы была готовая вертска, сложный функционал, и вы бы только натягивали эту вёрстку на реакт) заранее спасибо
Не смотря на то, что я больше года работаю реакт-разрабом, знаю и классы и хуки и прочую лабуду - было интересно, спасибо! )
Отличный урок для первоначального ознакомления с React!
Очень и круто доходчиво автор объясняет + очень хорошая дикция, смотрю это видео в 2022 году так как обучающие видосы на других каналах смотреть невыносимо, везде одно и то же: сначала информация подается плавно а потом к середине видоса автора начинает заносить и становится ничего не понятно, ощущение будто в один момент пропустили 5 глав.
Классный курс. Но для тебя тех кто не ставит точку с запятой, существует отдельный котёл в преисподней )))
Зачем ее ставить, если это необязательно?
Супер урок! Сутки назад я ещё был полный ноль в реакте, сейчас уже более-менее понимаю и могу писать фронт. Видео - отличная точка для старта и вся информация подаётся быстро и без воды.
А сейчас как успехи?
бомблю жестко. не понимаю как можно использовать повсеместно одни и те же названия
ты прав, так сложнее, поэтому мне помогает не запутаться использование разных названий
Попробуй использовать свои. Я поначалу тоже путался в тудусах. Главное понять какое откуда. Со своими названиями пошло гораздо веселей.
Классное видео, спасибо! Для ознакомления с реактом самое то. Нет перебора информации ,а главное все соборно в одном месте
Топ контент)
Отличный способ подачи, минимум лишнего.
Работаю с Vue уже 4 года, возникла срочная необходимость из-за одного умника, использовать React. Нахожу его очень муторным, как на уровень ассемблера спустился по сравнению с Vue :)
Я понимаю что это холивар, но все же, 42:42 "Создам переменную", при этом объявляю ее как `const`, так переменная или константа? :)
К слову, вначале как раз из-за этого правила "Всегда const" получили ошибку при изменении значения todos.
(лат. constans, родительный падеж constantis - постоянный, неизменный) - лично мое мнение, если значение или его часть будет меняться, объявлять это как константу - значит противоречить здравому смыслу. Особенно про состояние, оно ведь реактивно, а значит, НЕ может быть константой. Каждому свое.
Другими словами, как можно число ПИ в одном месте кода использовать со значением 3.14, в другом - со значением 3.16?
Очень похоже на WebForMySelf по NodeJS - "давайте сделаем допустим так", а зачем?
Большая части копипаста без понимая того, что происходит, и зачем.
От диванный аналитик))
ну человек переписывает и шаг за шагом вникает. В какой-то мере это даже плюс, ибо САМ приходишь к пониманию. Можно, конечно, объяснять каждый шаг, но это тогда уже не 1 час будет))
vogelfenixable ну так зачем писать, что вся теория включена? Тут как раз теории крайне мало. Можно было назвать видео - практическая демонстрация возможностей React. Пока посмотрев видео, есть ощущение, что нужно было сначала почитать теорию. Тогда видео очень хорошо дополнило бы изученный материал. Урок неплохой, так как практики в уроках обычно встречается крайне мало, все на простейших примерах объясняют, которые чуть сложнее халоворлда. Просто данный урок позиционируется неправильно. Это никакой не полный курс и никакая не вся теория.
Огромное спасибо, как всегда просто - супер !
во вью ,все таки,удобней.
ну,посмотрим, продолжу дальше изучать реакт.
Спасибо тебе, Владилен! Желаю успехов!
Спасибо большое
вот добрался наконец.... ну по традиции, лайк перед началом просмотра.
Вот вроде хорошо все, но зачем вы в событии onChange называете функцию onChange, ну придумали бы другое название. Про todo и todos вообще молчу. Мне как новичку сложно было понять в чем тут дело. Пожалуйста, делайте названия функций и переменных более различимыми. Кто знает, на Udemy такая же история, есть тут кто купил и прошел?
Зачет видос. Коротко, ясно и охватил много тем.
Хороший курс , но я пока слушком тупой
почитай побольше книг, станешь грамотным и умным
не переживай - не ты один такой )
В первый раз вижу реакт и вроде все более менее понятно
@@кекендосзапарусотен пхахахахпахах. А что нужно? Видео Хауди?
@@montykay6003 И Гоши Дударя
Отличный туториал. Следуя ему мне удалось создать необходимый мне функционал взаимодействия с сервером даже не имея базовых знаний JS.
Java разработчик.
Туториал отличный. Спасибо, всё очень подробно и понятно. НО.
33:45 - и вот тут, как по мне, удобство превращается в геморрой.
Извиняюсь, может это я один такой? Но я вот никак не могу понять, что такого полезного и уникального в React. Вся разница, которую я наблюдаю в различных разборах и примерах, в том, что вся вёрстка пишется исключительно в JS, а HTML и CSS (именно файлы, а не код) генерируются автоматически. Может кто-нибудь объяснить этот ажиотаж вокруг React? Уже год не могу понять, в чём его смысл, когда есть IDE, HTML, CSS, JS, jQuery, голова и руки. Или это очередная идея упрощения процесса вёрстки, вроде Gulp, SCSS, Grunt и подобных? Каким образом он даёт понимание структуры приложения лучше, чем грамотно оформленный исходный код в классическом виде?
Он создает параллельно дому браузера эквивалентный виртуальный дом в памяти, с которым и работает. Резко повышается производительность. Кроме того вводится понятие состояний компонентов. И реакт следит за состояниями и их изменениями, а не бегает как jquery по дереву дома, чтобы достичь нужного узла.
из какого ты года парень?
Реакт нужен не фрилансеру-верстальщику, чтоб лендинги клепать, а на проектах, где крупный сайт надо годами поддерживать и развивать. имхо)
@@pozytron-sg я в курсе, что Реакт не ограничивается вёрсткой. Я говорю о том, что "чем использование React отличается от настройки сайта/приложения на серверном языке (PHP или Python)?"
Я вижу только два отличия:
1) всё пишется на JS (не надо учить серверные языки)
2) обработка запросов происходит быстрее силами браузера, за счёт того, что с сервера запрашиваются только данные, а не рендер страницы
Если я правильно всё понял.
@@Epenckorn реакт/вью/ангуляр, если есть цель SPA писать, не думая о роботах поисковиков, будет хорошим решением, т.к переходах на различные страницы не будет тратиться время на загрузку страницы, как при серверном рендеринге (laravel, django, что угодно подобное), например. Один раз чанки js загружаются, а потом с помощью js и тот же роутинг возможен, например. За счет виртуального дом происходит оптимизация при отрисовке элементов страницы в случае изменений на странице, что jquery сделать не может. + когда много функционала в UI чрезмерное количество джиквери затрудняет писать архитектуру по фронту, и больше шанс плохого кода и хренового поддержки. В общем, как-то так