Уроки React Js - Работа с формами. Первое To Do приложение

preview_player
Показать описание
Мы продолжаем изучение react js для начинающих и сейчас мы рассмотрим работу с формами и управляемые компоненты. Работа с формами в react похожа на обычные html, но имеет гораздо больше возможностей для управления. В конце видео мы сделаем сразу первое To Do приложение за 3 минуты.

Рекомендации по теме
Комментарии
Автор

Как то все бегло, в принципе ничего не понятно

skeelo
Автор

Большое спасибо за видео. Очень помог!

raminhesenov
Автор

Большое тебе спасибо, объясняешь очень толково! Кстати, какое сочетание клавиш ты использовал на 7:55, чтобы спред-оператор быстро добавить?)

tapah
Автор

Лайк! Все понятно, спасибо за урок.
Для всех предлагаю домашнее задание. Добавьте клавишу reset, которая будет сбрасывать submit. А для todo измените input на автосброс, a reset на сброс submit ))

brlv
Автор

Очень хорошо все объяснил, тем кто не понял как это работает пересмотрите прошлый урок и изучите как работает event.
Курс явно не рассчитан на новичков так лучше хотя бы изучите основы JS.

hdhgwdv
Автор

А можно ли уроки REact только уже на основе функционального подхода, или с помощью Хуков ?

Dager
Автор

Не понял только зачем мы в handleSubmit снова задаем состояние для input из стейта, где оно уже задано методом handleChange.
А так всё отлично! Продолжай!)

dmytrom
Автор

По моему на строках 15-19 не хватает инфы по items: ({ input: event.target.input, items: [...state.items]})

pitbrest
Автор

все получилось, спасибо!
а как сделать то же самое, если полей ввода два?

JaineKaminsky
Автор

Зачем во время onChange записывать в поле то, что я и так уже в него пишу?) Двойная запись какая-то. Плюс, зачем шаманить с onChange, если значение поля можно получить просто по его, например, идентификатору?

sewerlock
Автор

Очень странно ты делаешь конечно... Во-первых, .bind() не рекомендуется к использованию, так как считается жёсткой функцией и лучше прописывать стрелочную(+она сохраняет значение this, как класса). Во-вторых, ты не соответствуешь ГЛАВНОМУ ПРИНЦИПУ React о неизменности внутренностей состояния. Что сделать правильно нужно вернуть в setState функцию, которая по кусочкам соберёт НОВОЕ СОСТОЯНИЕ и не будет просто переписывать старое

small_norweg_
Автор

У меня ошибку выбивает: TypeError: this.sateState is not a function

tcpincr
Автор

Ты выражайся нормально когда задания даешь (про кнопку и вывод текста). Ниче не понятно чтобы самому попробовать. И пример тупой с кнопкой и формой.

SunriseBusinessClub
Автор

Покажи как сделать связку React и Apollo, очень нужно. Многие хотят посмотреть этот полезный урок.

inigoloy
Автор

Я не особо понимаю смысла React'a, так как это можно сделать легко на нативном js

jehvsfg
Автор

Помедленнее можно чуть-чуть, ничего даже уловить не успеваю как начинающий программист

antonv.
Автор

самый идиотский курс по реакту, который я когда-либо видел. с тем же успехом, можно было бы вообще ничего не обьяснять, а просто писать код, параллельно говоря "вот тут пишем так, вот тут так ну в принципе всё понятно что тут может быть непонятного"

dimazepam