React 13: Хук useState

Хуки - функции управления состоянием функционального компонента. В этом уроке разберем самый важный из хуков: useState - позволяющий создавать контролируемое элементарное состояние функционального компонента. Так же посмотрим на разницу использования useState для примитивных и структурных данных.
Наш главный курс "JavaScript старт" - constcode.ru/javascript-start
Бесплатная консультация - constcode.ru/free-lesson
Контакты:
Сайт - constcode.ru
VK - constcode
KZbin - / @web-constcode6252
Telegram - t.me/constcode
Discord - / discord
Материал урока:
ru.reactjs.org/docs/hooks-int...
ru.reactjs.org/docs/hooks-ove...
ru.reactjs.org/docs/hooks-sta...
github.com/Aleksey-Danchin/re...

[@vadimsib1654]

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

[@web-constcode6252]

И на моей улице перевернется фура с конфетами.

[@xdayx53]

@@web-constcode6252 ахаххахах

[@zeevnadiv8778]

спасибо, все очень доступно и без воды!!! отличный стиль изложения материала!!! the best!!!!

[@____Olga__]

Алексей спасибо, что без боли помогаете "вкатываться" в react hooks , сложные с первого понимания вещи, с вашей подачей становятся понятными

[@web-constcode6252]

Рад стараться. Сейчас занимаюсь созданием курса по React. Если интересен дешевый ранний доступ, то с предложением можно ознакомиться на сайте: constcode.ru

[@user-kn3ut1sh2o]

С классовыми компонентами разобрался и решал разные задачи, все логично и понятно было. Но, столкнувшись с функциональным подходом был ступор, вообще было не понятно как все это работает. Рассказали мне вкратце, но я только еще больше запутался. ))) У вас, от простого к сложному все идет, как все работает "под капотом" объясняете, таких толковых преподавателей сейчас, к сожалению, еденицы! Алексей, спасибо вам огромное!

[@web-constcode6252]

Рад стараться!

[@js3461]

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

[@web-constcode6252]

Конкуренты )

[@user-ux5eo4ss8w]

Алексей, хорошие видео. Было бы еще лучше, если бы давались описательные названия переменным. Переменные в одну букву - это боль для глаз и мозга.

[@web-constcode6252]

Перфекциониз )

[@xdayx53]

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

[@web-constcode6252]

научишь как ? )))

[@xdayx53]

@@web-constcode6252 смотрел constcode ;)

[@Serrjik]

В примере с исправлением асинхронной работы setCounter (21:13), где эта функция вызывается 2 раза подряд, не понял, откуда взялось первоначальное значение x?

[@web-constcode6252]

Перед следующим рендрингом вычисляются значения состояний синхронно. Все такие функции, которые передаются в setState, последовательно применяются с текущими значениями и делают текущим значением состояние то, что функция возвращает. Читай вызов этих функций как вариант вызова middleware функций =) Или читай эти функции как цепочку then, которые передают результат выполнения функции в следующий then.