Спасибо за видео, немного сложновато для новичков. Слушала на скорости 0,75. много раз переслушивала, параллельно делала конспект и переписывала коды не только в программу, но и в тетрадь. На одно видео потратила около двух часов. И случилось чудо - всё стало понятным. Спасибо за ваш труд)
Отличные уроки, для знающих основы верстки и основы JS все понятно, смотря ваши уроки и параллельно читая документацию все встает на свои места. Grasias )))
В защиту автора хочу сказать, что из всех видосиков, что я смотрел по теме state, в этом видео все довольно просто и понятно, первый раз было не очень, потом второй раз все стало ясно. Код я прописал, все работает. Ребята, чтобы React легко давался, надо знать основы JS и HTML. Автору спасибо за простое и доступное объяснение.
Топовый видос, до конца мне помог понять, как работает state. Но он реально для тех, кто уже немного поработал с ним, нужно больше разжёвывать для новичков. А так спасибо тебе большое!
@@NewUserThisNewUser С реактом как то не пошло. Переключился на VUE. Тут как то всё пошло . Либо с подачей материала повезло, либо сам по себе попроще будет.
на 8:32 в this.setState в теле стрелочная функция должна возвращать объект {visibility: !state.visibility}, у меня вопрос, почему мы тут не написали !this.state.visibility? setState хранит в области видимости state и потому нам не надо явно прописывать this.state? Спасибо большое за видео!
Если честно мне мало что понятно, так как я новичок. Возможно это крутой урок для тех, кто уже имеет какие-то основы и опыт работы, но мне лично мало что понятно. Хочется более подробно узнать почему ты пишешь то или иное в коде и почему, по больше разжовывать по сути материал.
отличные уроки коротко без воды .но понятно.респект..у меня когда соединяешь через bind например ..increment = this.increment.bind(this); первая this показывает ошибку ..убираю все нормально..может последние версии ?
Посмотрел, но так и не понял зачем bind(this). Вы как-то бегло прошлись по нему. Я пробовал без этой записи и все работает, но зачем тогда она нужна (а раз пишете, то ведь есть логика)?
ЕСТЬ, в современном учебнике глянь learn.javascript.ru/bind. С помощью bind можно сказать мы создаём другую функцию, в которой this всегда равен тому, что мы в скобки передаём. А так как при передаче в обработчик функции функция вызовется без контекста компонента, если так можно сказать, то нам необходимо его задать явно, например с помощью bind.
Предположим у нас в state массив объектов. Вопрос, нам нужно конструировать абсолютно новый массив объектов с новым свойством, или мы можем изменить только нужное нам свойство в нужном объекте?
Спасибо за уроки, все объясняется очень доступно для новичков в работе с React, а кому сложно, нужно подтянуть ООП и JavaScript как минимум, иначе не поймете ничего!!!!
@@SuprunAlexey сам код понятен, но непонятны сами state и props. Что это такое, за что отвечают, какие механизмы. Архитектура непонятна, в общем. А так, я постоянный зритель твоего канала) всё делаешь очень годно и доступно!
а как мне сделать так, чтобы счетчик был, например, по модулю 3. Мне же надо тогда в инкременте проверять значение count Не понимаю синтаксис. Ну по любому там иф надо писать, но что писать в ифе непонятно.
все конечно хорошо. но в 2020 году bind писать при наличии стрелочных функций как-то не очень. а для начинающих что это понять что то одинаково, но все же лучше сразу запоминать как более прогрессивно.
Не изменяйте состояние напрямую ! В следующем примере повторного рендера не происходит: // Неправильно this.state.color = 'red'; Вместо этого используйте setState(): // Правильно this.setState({color: 'red'}); Конструктор - это единственное место, где вы можете присвоить значение this.state напрямую.
У меня такой вопрос можно ли в increment() { this.setState(state => ({ count: state.count + 1 })); } Прописать вместо + 1, просто ++ Т.к. я попробовал у меня не сработало Мои догадки по этому следующее что ++ это сравнимо с присваиванием +=, а к state.count мы ничего не присваиваем, а просто добавляем 1. Мне, конечно, не принципиально писать ++, просто интересно почему так не работает, а если и работает то как? P.S. Просто хочу углубиться в понимание React'a. Спасибо)
@@PUBG-sf5en для начала надо разобраться почему в одном моменте идёт стрелочная функция, в другом просто setState и внутри объект. Все просто, когда тебе нужно обновить состояние и при этом тебе неважно, что до этого лежало в state, то ты пишешь setState и внутрь объект передаешь. Оно топорно обновит состояние. А вот когда тебе важно, что мол новое состояние зависит от старого, допустим у тебя счётчик... тебе перед тем как менять состояние на новое необходимо знать, а какое же там состояние сейчас, какая цифра в состоянии находится. То тут получается, что ты хочешь изменить состояние, но при этом оно ЗАВИСИТ от старого, то есть ты возьмёшь старое состояние и прибавишь допустим единицу к нему... тогда надо писать setState и передавать Стрелочную функцию, где она принимает аргумент предыдущего состояния.. это я ответил на второй вопрос и частично на первый. В первом вопросе как раз стрелочная функция и аргумент state. Осталось ответить почему + 1 а не ++. Все просто) в переменной state внутри стрелочной функции находится Старое состояние, мы не имеем право напрямую изменять состояние. То есть я не могу писать state++, оно равносильно state=state + 1 , поэтому надо писать state + 1
Если у меня максимально простой метод. Мне не нужны свойства класса и этот метод я дальше никуда не передаю в другие компоненты, нужно ли мне обязательно его биндить в конструкторе?
Если не делать bind то this не будет указать на твоего класса ( а если более правильнее не будет указать на объекта который был создан с твоего класса ) , то-есть если хочешь достать свойства то должен делать bind, или как уже в комментариях написали, можешь методы создавать с помощью стрелочных функций и не делать никакой bind
Я зеленый и только учусь, но зачем подобным образом писать стейты с конструкторами, если стейт и его изменение можно определить через React.useState ? Синтаксис куда проще.
Куда ты так торопишься? Мало того, что не успеваешь за твоими словами, так ещё и на качестве твоего кода это отражается. И почему не назвал компоненты как-то по-нормальному? Почему за отступами не следишь - всё скачет туда-сюда. Новички за тобой не успеют.
Да ну, он все хорошо объясняет, хоть я в этом и шарю, просто вспомнить смотрю, дано не работал с реактом , все классно обьясняет, тот кто захочет поймет, есть видосы и хуже где реально тип гонит и не объясняет что к чему
Чел можно было сделать пример ещё интересней не используя Условия можно было выводить или обновлять данные через . innerHTML ну или на скорости это сказывается ?
мужик, я понимаю о чем ты говоришь, но ты нихера не можешь объяснять, либо сам не врубаешься , либо думаешь что тебя смотрят исключительно middle react dev-ы
Как новичок скажу - все очень понятно! Наконец начинаю выстраивать четкую структуру в голове, что такое реакт и как с ним работать. Большое спасибо!
друг, как успехи нау?
Нет, тяжело объясняет. Я на прошлом уроке не понял чем отличаются функции даже
Огромное спасибо от всех тех, кто не особо любит всяческие инструкции и документации =)) После твоих объяснений понятнее)
Приятно
Спасибо за видео, немного сложновато для новичков. Слушала на скорости 0,75. много раз переслушивала, параллельно делала конспект и переписывала коды не только в программу, но и в тетрадь. На одно видео потратила около двух часов. И случилось чудо - всё стало понятным. Спасибо за ваш труд)
Спасибо вам ! Очень интересные уроки! Намного понятнее стало чем после доков из реакт. Привет из 11.5.2022))
Все актуально
А тебе привет из 24 октября 2023. Надеюсь Реакт тебе до сих пор интересен💪
Отличные уроки, для знающих основы верстки и основы JS все понятно, смотря ваши уроки и параллельно читая документацию все встает на свои места. Grasias )))
В защиту автора хочу сказать, что из всех видосиков, что я смотрел по теме state, в этом видео все довольно просто и понятно, первый раз было не очень, потом второй раз все стало ясно. Код я прописал, все работает.
Ребята, чтобы React легко давался, надо знать основы JS и HTML. Автору спасибо за простое и доступное объяснение.
Просто и информативно. Спасибо за ваши уроки!
Вместо прописываний кучи байндов можно методы создавать с помощью стрелочных функций и тогда им сразу автоматически this привяжется.
Хотел то же самое написать. Только у стрелок нету своего контекста и из за этого ссылается на уровнь выше
начал реакт вчера. посмотрел что надо байнд добавить и только шум
Топовый видос, до конца мне помог понять, как работает state. Но он реально для тех, кто уже немного поработал с ним, нужно больше разжёвывать для новичков. А так спасибо тебе большое!
Внатуре четко, спасибо большое, все понятно объяснили
Огромное благодарю !
я как новичок говорю: Ты красава, спасибо
Хороший материал. Спасибо за работу
спасибо за урок классно обяснили
Спасибо вам конечно за проделанную работу, но для новичка это сложно.
понимание придет!
@@SuprunAlexey Очень на это надеюсь :)
@@vladislav.c как ваши дела с реакт?
@@NewUserThisNewUser С реактом как то не пошло. Переключился на VUE. Тут как то всё пошло . Либо с подачей материала повезло, либо сам по себе попроще будет.
@@vladislav.c устроились ли на работу куда-то?
Спасибо, кратко и понятно
Спасибо. Хороший урок.
воу-воу, 3 видео за сутки!
Алексей, вы куда так разогнались ?
P.S: Спасибо за твои видео
на 8:32 в this.setState в теле стрелочная функция должна возвращать объект {visibility: !state.visibility}, у меня вопрос, почему мы тут не написали !this.state.visibility? setState хранит в области видимости state и потому нам не надо явно прописывать this.state? Спасибо большое за видео!
Отлично. Быстро и понятно.
Спасибо
Если честно мне мало что понятно, так как я новичок. Возможно это крутой урок для тех, кто уже имеет какие-то основы и опыт работы, но мне лично мало что понятно.
Хочется более подробно узнать почему ты пишешь то или иное в коде и почему, по больше разжовывать по сути материал.
Практика в помощь )
изучите Java script, тогда всё станет понятно.
Отличный урок, спасибо!
Спасибо !!
Очень интересные уроки, а можно код в конце каждого урока выложить для просмотра?
Спасибо большое за Ваш труд
Бро твои видосы просто бомба для тех кто ищет годные уроки по react .Тебе огромно спасибо . Подписка + Лайк.Еще раз спасибо
Спасибо за видео.
=)
Хорошая подача материала !!!
Пришел к тебе с официальных доков и не пожалел!
Второй урок: ну вот три спички, мы одну отнимаем, получаем две
Третий урок: вот коробок, теперь его нет, почему объясню чуть позже
Добрый день, подскажи пожалуйста. Если мы добавим к нашим сгенерированным - кнопку для того чтобы удалять строку. Как её реализовать ? textdel text
Когда будем продолжать делать сайт на Reactjs из подключением библиотек и всего функционала такого как форма отбратной связи??
отличные уроки коротко без воды .но понятно.респект..у меня когда соединяешь через bind например ..increment = this.increment.bind(this); первая this показывает ошибку ..убираю все нормально..может последние версии ?
Посмотрел, но так и не понял зачем bind(this). Вы как-то бегло прошлись по нему. Я пробовал без этой записи и все работает, но зачем тогда она нужна (а раз пишете, то ведь есть логика)?
ЕСТЬ, в современном учебнике глянь learn.javascript.ru/bind. С помощью bind можно сказать мы создаём другую функцию, в которой this всегда равен тому, что мы в скобки передаём. А так как при передаче в обработчик функции функция вызовется без контекста компонента, если так можно сказать, то нам необходимо его задать явно, например с помощью bind.
Предположим у нас в state массив объектов. Вопрос, нам нужно конструировать абсолютно новый массив объектов с новым свойством, или мы можем изменить только нужное нам свойство в нужном объекте?
Спасибо за уроки, все объясняется очень доступно для новичков в работе с React, а кому сложно, нужно подтянуть ООП и JavaScript как минимум, иначе не поймете ничего!!!!
Привет. Подскажи, пожалуйста как плагин для VSCode называется который двумя кликами копипастить текст?
Спасибо за видео.
Только мне совсем понятно, зачем использовать bind(this) в примере с именем..?
А привязку контекста нельзя как-то с помощью стрелочных функций разрулить без bind?
У меня такой же вопрос, если знаешь ответ подскажи))))
а почему пример только на классовых компонентах а не на функциональных
Yakub Yakubov завтра выйдет на функциональных
@@SuprunAlexey А где?
Очень не хватает таймкодов и банально ссылок на предыдущий и следующий урок. Не нашла плейлиста на этот курс.
У меня не работает последнее приложение с инкрементами и дикриментами, как мне можно прислать фаил или фото на проверку наличия ошибок?
спасибо помогли
Жаль что я так сильно затянул с изучением реакта, теперь в ускоренном темпе сижу учу его и дипломную переписываю
А почему к методам класса надо обращаться через this? а не напрямую.. например increment ... я попробовал не работает.. но почему?
На этот раз слишком сложно, Алекс. Пожалуйста рассказывай про каждую позицию подробнее
Вот напишите что именно не понятно, какая строка?
@@SuprunAlexey сам код понятен, но непонятны сами state и props. Что это такое, за что отвечают, какие механизмы. Архитектура непонятна, в общем.
А так, я постоянный зритель твоего канала) всё делаешь очень годно и доступно!
@@srt2046 тут скорее нужно больше потренироваться с классами, конструкторами классов и методами классов в js, тогда всё понятнее будет.
Из видео складывается впечатление как будто реакт делался не для того, что бы упростить процесс, а что бы наоборот - усложнить
Та нет
Примеры хорошие. Но их легче на чистом js сделать.
У меня при клике и появлении надписи кнопка становится маленькой. Кто знает почему?
Зачем дублировать кнопку при visibility?
а как сделать, чтоб при значении state=0 и нажимая на кнопку decrement не разрешать отрицательные значения?
по сути просто условие прописать
этот урок еще актуален? super props...кажется уже просто state = {}
а как мне сделать так, чтобы счетчик был, например, по модулю 3. Мне же надо тогда в инкременте проверять значение count Не понимаю синтаксис. Ну по любому там иф надо писать, но что писать в ифе непонятно.
handleClick = () => {
this.setState(prevState => {
return {count: prevState.count + 1}
})
}
все конечно хорошо. но в 2020 году bind писать при наличии стрелочных функций как-то не очень. а для начинающих что это понять что то одинаково, но все же лучше сразу запоминать как более прогрессивно.
У всех своё мнение
Расскажи, пожалуйста, как через Apollo пробрасывать данные в React-компонент из MongoDB.
Может кто-то сможет объяснить. В state есть св-во color, могу ли я его менять не через setState, а через this.state.color : ...?
Не изменяйте состояние напрямую
!
В следующем примере повторного рендера не происходит:
// Неправильно
this.state.color = 'red';
Вместо этого используйте setState():
// Правильно
this.setState({color: 'red'});
Конструктор - это единственное место, где вы можете присвоить значение this.state напрямую.
В каких проектах можно обойтись без реакта? С помощью шаблонизатора pug например)
Посмотрите у меня одно из последних видео что такое реакт
@@SuprunAlexey да я смотрел, там нет ключевых моментов что такое реакт)
У меня такой вопрос можно ли в
increment() {
this.setState(state => ({
count: state.count + 1
}));
}
Прописать вместо + 1, просто ++
Т.к. я попробовал у меня не сработало
Мои догадки по этому следующее что ++ это сравнимо с присваиванием +=, а к state.count мы ничего не присваиваем, а просто добавляем 1.
Мне, конечно, не принципиально писать ++, просто интересно почему так не работает, а если и работает то как?
P.S. Просто хочу углубиться в понимание React'a. Спасибо)
И ещё вопрос почему в в случаях проращивания и убывания прописывается функция (стрелочная функция), а в случае обнуления ничего не пишем
@@PUBG-sf5en для начала надо разобраться почему в одном моменте идёт стрелочная функция, в другом просто setState и внутри объект. Все просто, когда тебе нужно обновить состояние и при этом тебе неважно, что до этого лежало в state, то ты пишешь setState и внутрь объект передаешь. Оно топорно обновит состояние. А вот когда тебе важно, что мол новое состояние зависит от старого, допустим у тебя счётчик... тебе перед тем как менять состояние на новое необходимо знать, а какое же там состояние сейчас, какая цифра в состоянии находится. То тут получается, что ты хочешь изменить состояние, но при этом оно ЗАВИСИТ от старого, то есть ты возьмёшь старое состояние и прибавишь допустим единицу к нему... тогда надо писать setState и передавать Стрелочную функцию, где она принимает аргумент предыдущего состояния.. это я ответил на второй вопрос и частично на первый. В первом вопросе как раз стрелочная функция и аргумент state. Осталось ответить почему + 1 а не ++. Все просто) в переменной state внутри стрелочной функции находится Старое состояние, мы не имеем право напрямую изменять состояние. То есть я не могу писать state++, оно равносильно state=state + 1 , поэтому надо писать state + 1
count: --state.count
count: ++state.count
Все будет работать
Если у меня максимально простой метод. Мне не нужны свойства класса и этот метод я дальше никуда не передаю в другие компоненты, нужно ли мне обязательно его биндить в конструкторе?
Если не делать bind то this не будет указать на твоего класса ( а если более правильнее не будет указать на объекта который был создан с твоего класса ) , то-есть если хочешь достать свойства то должен делать bind, или как уже в комментариях написали, можешь методы создавать с помощью стрелочных функций и не делать никакой bind
Для новичка очень тяжело понять такой подход лучше функциональный компонент .
Зачем bind если можно использовать стрелочную функцию
Зачем писать на Реакт если можно использовать Vue?) так же и тут.
А есть ли репозиторий с кодом?
Нет
Как выучить JQuery ? Спасибо.
Учи js лучше
Я зеленый и только учусь, но зачем подобным образом писать стейты с конструкторами, если стейт и его изменение можно определить через React.useState ? Синтаксис куда проще.
А какая у тема тема в Sublime Text для Css/html/js? Мне она очень понравилась, буду рад если напишешь название.
Вообще-то на видео Visual Studio Code, тема похожа на Dark(Visual Studio)
Куда ты так торопишься? Мало того, что не успеваешь за твоими словами, так ещё и на качестве твоего кода это отражается. И почему не назвал компоненты как-то по-нормальному? Почему за отступами не следишь - всё скачет туда-сюда. Новички за тобой не успеют.
Да ну, он все хорошо объясняет, хоть я в этом и шарю, просто вспомнить смотрю, дано не работал с реактом , все классно обьясняет, тот кто захочет поймет, есть видосы и хуже где реально тип гонит и не объясняет что к чему
Я слышал, что на классах давно никто не делает...
Третий метод надо было назвать не reset а excrement
Что за чушь с точкой с запятой в новом JS. Уже давно можно выбирать с ; или без.
сложно. Надо больше разжевывания. Пойду другое видео искать.
Ну со state вообще не разобрались, потому что ни слова о том, как использовать state в функциональных компонентах.
Пройдите курс димыча и будет капзда как просто
это кто? Из фиксиков?Можно по подробней
курс уже не актуален
Чел можно было сделать пример ещё интересней не используя Условия можно было выводить или обновлять данные через . innerHTML ну или на скорости это сказывается ?
Не когда тут не поймёшь кто за что отвечает, чушь такую несёт слова не разобрать,
1
Уроки хорошие НО уже старые
мужик, я понимаю о чем ты говоришь, но ты нихера не можешь объяснять, либо сам не врубаешься , либо думаешь что тебя смотрят исключительно middle react dev-ы
всем го it kamasutra
Чел не плохой, но смотреть 100 уроков, нет уж, спасибо