React State - это просто! Курс ReactJS

  Рет қаралды 38,438

WebDev с нуля. Канал Алекса Лущенко

WebDev с нуля. Канал Алекса Лущенко

3 жыл бұрын

Курс ReactJS: itgid.info/course/reactjs
Курс HTML для JS разработчиков: itgid.info/course/html
Телеграмм канал: t.me/itgid_info
Телеграмм автора: telegram.me/alex_luschenko
Изучаем state в react. Пишем в OOP и функциональном стиле.

Пікірлер: 76
@ihorzhuk94
@ihorzhuk94 10 ай бұрын
5:40 - що таке стейт 8:43 - компонент в стилі ООП 29:48 - компонент в стилі функції
@ilya5366
@ilya5366 3 жыл бұрын
блин, живу уже на этом канале, настолько годный контент.
@Marv3L_777
@Marv3L_777 3 жыл бұрын
Алекс спасибо вам за ваши знания! Спасибо за видео,и желание обучать людей таким сложным вещам) Удачи вам,вдохновения и Сил!)
@alexforos5425
@alexforos5425 Жыл бұрын
Отличный урок, спасибо! Все подробно, по полочкам👍
@user-mz6jw7xx2z
@user-mz6jw7xx2z 3 жыл бұрын
Спасибо большое, все понятно и разжевано. Рекомендую его уроки!!!
@Viktorres1
@Viktorres1 2 жыл бұрын
Отличный урок! Добавил ещё проверку на пустой ввод как в JS так и в Реакт.
@BekToPb
@BekToPb 3 жыл бұрын
Спасибо за интересный и понятный материал)
@user-jq7pl8ni5f
@user-jq7pl8ni5f 3 жыл бұрын
Все понятно. Очень нравится подача.
@galievramil1169
@galievramil1169 2 жыл бұрын
Классный курс, хуки даже понятно объясняешь!! Браво Александр
@mariaklimenko6090
@mariaklimenko6090 2 жыл бұрын
spasibo ogromnoye!!! u vas samiye klassniye uroki!!!
@umarrakhmaev6072
@umarrakhmaev6072 2 жыл бұрын
Огромное спасибо автору.
@lisofsky8151
@lisofsky8151 2 жыл бұрын
ух объёмная тема! хорошая тема !! спасибо
@dennisfisher2684
@dennisfisher2684 3 жыл бұрын
Очень интересно, спасибо за ролик! ) Александр, а вот, скажем, слайдер или табы, кидать в стейт?
@whicencer8819
@whicencer8819 3 жыл бұрын
Конечно, а как ещё отлавливать событие в реакте?
@fuad2069
@fuad2069 3 жыл бұрын
Дай Бог вам здоровья
@artisoul0852
@artisoul0852 2 жыл бұрын
Вы лучший преподаватель!
@MaxAlekseyev
@MaxAlekseyev 10 ай бұрын
Превосходное изложение, учить - это талант
@min8132
@min8132 Жыл бұрын
Спасибо большое за урок
@seryozhamangushev9638
@seryozhamangushev9638 3 жыл бұрын
Только запутало, state просто состояние. А что за дефтулс с компонентами, это где такое? Знаю у vue нужно качать плагин, а для react откуда?
@Pagegift
@Pagegift Жыл бұрын
Понравился урок.. А можно ссылку на урок, где про события было?
@RoKoFoRu
@RoKoFoRu 3 жыл бұрын
Я не программист ни разу, почти ничего не знаю вообще, но все как и обещано понял, спасибо!
@user-zi2fh7zp1q
@user-zi2fh7zp1q Жыл бұрын
Cпасибо, очень круто
@AndreyEricksonGame
@AndreyEricksonGame 3 жыл бұрын
С 17:44 - "Произошел рендр 4 раза". Хочу высказать свое мнение и придраться к этой фразе)), т.к. далее идет повторение такой фразы, что происходит рендер компонента. Если читать документацию React, то там сказано "На практике большинство React-приложений вызывают ReactDOM.render() только один раз". Получается компонент отрендерился первоначально и при изменении его стэйта, Реакт обновляет только тот DOM-узел, где произошли изменения, сравнивая с предыдущей версией DOM-дерева. На видео, не совсем понял, что автор имеет ввиду под рендером компонента, хотя на видео не было сказано, как конкретно рендерится компонент. Поправьте, пожалуйста, новичок в Реакте и хочется лучше разобраться) Спасибо
@melvinwalker2692
@melvinwalker2692 Жыл бұрын
1 раз повторить 4 раза = 4 раза
@ihorzhuk94
@ihorzhuk94 10 ай бұрын
@@melvinwalker2692
@user-vm7hj3hd5z
@user-vm7hj3hd5z 3 жыл бұрын
Объясните пожалуйста почему вы использовали React.createRef в функциональном компоненте ?
@user-vi7qi9ly9r
@user-vi7qi9ly9r Жыл бұрын
спасибо за урок
@user-ke2on2ju8m
@user-ke2on2ju8m 3 жыл бұрын
Спасибо за видео, подскажите что нужно сделать что бы в инспекторе появилась вкладка Components?
@pogios
@pogios 3 жыл бұрын
в хроме скачай расширение React Developer Tools и установи его
@Burbon211
@Burbon211 Жыл бұрын
спасибо за объяснения а то другие объясняют так как будто ты уже и так все знаешь
@naphania2
@naphania2 Жыл бұрын
классный урок!
@digitalturkistan1857
@digitalturkistan1857 3 жыл бұрын
Спасибо
@itgid
@itgid 3 жыл бұрын
вам спасибо!
@viktorkasap
@viktorkasap 3 жыл бұрын
А где про Ref можно посмотреть урок? Я чет пропустил его видать
@Vampir21
@Vampir21 3 жыл бұрын
его не было.
@olegzidane7099
@olegzidane7099 3 жыл бұрын
уже зная тему, посмотрев видео запутался и мало что понял) но это не в укор автору, кому-то заходит, кому-то нет
@Fdech
@Fdech 2 жыл бұрын
На 04.02.2022 при использовании key={index.toString} реакт выдаёт ошибку при создании второго элемента массива: Encountered two children with the same key, `function toString() { [native code] }` Способом исправления является замена строчки кода на key = {String(index)}
@olga_c
@olga_c 2 жыл бұрын
key={index.toString()} вы забыли '()'
@KanalReal
@KanalReal Жыл бұрын
если это часть курса, то неплохо бы иметь таймкод. курс стоит 50$, если что...
@alex45779
@alex45779 2 жыл бұрын
👍👍👍
@evgeniyprowork
@evgeniyprowork 3 жыл бұрын
нужен подробный разбор стейта в лице redux с использованием flux архитектуры, это то без чего разрабу на реакте никуда, если такой видос будет, просьба, без использования рефов. Сам Store можно замутить где то на хосте, для кого то будет полезно заодно посмотреть работу с промисами
@TheLevius
@TheLevius 3 жыл бұрын
Так это у димыча смотреть надо
@evgeniyprowork
@evgeniyprowork 3 жыл бұрын
@@TheLevius я у Димыча смотрю, 53 посмотрел, просто небольшая каша в голове получилась когда был самописный редакс, а затем потихоньку начали заменять на реальный, хотелось бы сразу начать с реального
@user-fy7pv5cc7c
@user-fy7pv5cc7c Жыл бұрын
Дякую
@renatkhabirov9321
@renatkhabirov9321 2 жыл бұрын
классный урок - тольк - прочитайте плиз чистый код. Название массива в единственном числе - на такое способны только php'шники
@butecher
@butecher 3 жыл бұрын
const Redux = () =>{ return( Сделайте что-то о redux или flux а не стейт) было бы интересно посмотреть на ваш рассказ ) }
@digitalturkistan1857
@digitalturkistan1857 3 жыл бұрын
10 урок редакс
@Vampir21
@Vampir21 3 жыл бұрын
Зайдите в список уроков, там увидите что redux будет позже.
@grandphone3585
@grandphone3585 3 жыл бұрын
State или stage???
@itgid
@itgid 3 жыл бұрын
state. Обновите.
@abuqosim7489
@abuqosim7489 2 жыл бұрын
Прочитав в коментах хейт , пошёл искать курсы в юдеми и тд. Нашёл много курсов . Говорят там про тоже самое что и Александр, но нудно и не понятно .
@turtrueweb
@turtrueweb 3 жыл бұрын
+
@kotofun
@kotofun Жыл бұрын
This button changeSSSSSSSSSSSSSSS state
@lemospace
@lemospace 3 жыл бұрын
current произносится как [карент] ;)
@nadiyatitarenko1623
@nadiyatitarenko1623 2 жыл бұрын
в Американском и Британском английском звучит по-разному
@zloy_ax8496
@zloy_ax8496 2 жыл бұрын
+++
@leonidkharin7576
@leonidkharin7576 Жыл бұрын
не кёрент, а карент
@user-bt2ii8qk7t
@user-bt2ii8qk7t 4 ай бұрын
Мозги сварил пипец
@Gdyvfjttyhhh
@Gdyvfjttyhhh 3 жыл бұрын
К чему эти топтания на месте? Вы последние пару лет ходите по кругу, причем технологии не меняются, а меняется изложение. Возможно, это круто для новичков, но в таком случае, ваш канал нацелен только на эту аудиторию. Как только человек пересмотрел все ролики на интересующую его тему, он уходит с канала, так как выучил всё что хотел. Почему бы не сделать что-то вроде React/JavaScript advanced? Так же я по прежнему жду продолжения ангуляра:) Это касается не только этого видео. Вы также снова начинаете ходить по массивам... Камон, ну может аудитории пора расти?
@digitalturkistan1857
@digitalturkistan1857 3 жыл бұрын
я бы не прочь повторить массивы платно
@piggychampion
@piggychampion 3 жыл бұрын
Поддерживаю
@vasil-vasil
@vasil-vasil 3 жыл бұрын
Пишу несколько лет на js, сейчас в основном на vuejs ,но много узнал из видосов интересных фишек, упрощающих роботу. Хотя далеко не новичок.
@Gdyvfjttyhhh
@Gdyvfjttyhhh 3 жыл бұрын
@@vasil-vasil это не плюс этому каналу, а минус вам. Да и к тому же, я не говорю о полезных фишках. Я говорил о контенте в целом.
@vasil-vasil
@vasil-vasil 3 жыл бұрын
@@Gdyvfjttyhhh Я не знаю как в общем. Но для изучения какой то новой технологии я ищу есть ли какой то обзор на ютюбе. Пересматриваю например за обедом азы, а дальше на основе документации все делаю, уже понимая суть и цель в целом.
@YauhenRomeiko
@YauhenRomeiko 3 жыл бұрын
+
Жизненный цикл компонента - простой разбор
38:16
WebDev с нуля. Канал Алекса Лущенко
Рет қаралды 31 М.
Компоненты React. Props
36:21
WebDev с нуля. Канал Алекса Лущенко
Рет қаралды 37 М.
MOM TURNED THE NOODLES PINK😱
00:31
JULI_PROETO
Рет қаралды 15 МЛН
Como ela fez isso? 😲
00:12
Los Wagners
Рет қаралды 30 МЛН
100😭🎉 #thankyou
00:28
はじめしゃちょー(hajime)
Рет қаралды 40 МЛН
Pray For Palestine 😢🇵🇸|
00:23
Ak Ultra
Рет қаралды 33 МЛН
Разбираем хуки (hooks) в React по доке и на примере todo листа | уроки JavaScript
1:06:51
Елена Литвинова — Искусство Веб-разработки 🛸
Рет қаралды 21 М.
React получаем значение из input (event, ref, hook). События в React.
33:09
WebDev с нуля. Канал Алекса Лущенко
Рет қаралды 40 М.
Роутинг на React. SPA и MPA на примерах
29:12
WebDev с нуля. Канал Алекса Лущенко
Рет қаралды 31 М.
React Hooks - Полный Курс (Про Все Хуки в 1 видео!)
1:47:00
Владилен Минин
Рет қаралды 435 М.
Props и State. Часть 1. React Lite Level
27:07
WebDev с нуля. Канал Алекса Лущенко
Рет қаралды 20 М.
UseState: Asynchronous or what?
17:00
Jack Herrington
Рет қаралды 64 М.
Массивы в JavaScript. Необходимые методы - их нужно знать!
40:07
WebDev с нуля. Канал Алекса Лущенко
Рет қаралды 2,3 М.
#12 4 неочевидных особенности useState - ReactJS Полный курс
21:23
Евгений Паромов | Front-end
Рет қаралды 3,2 М.
MOM TURNED THE NOODLES PINK😱
00:31
JULI_PROETO
Рет қаралды 15 МЛН