Пишем список задач на React (React Hooks)

Поделиться
HTML-код
  • Опубликовано: 24 ноя 2024

Комментарии • 53

  • @victormog
    @victormog 3 года назад +10

    Несмотря на стандартность примера, очень понравилась четкая последовательность действий!
    Четкий алгоритм написания компонентов и их взаимодействия позволяет не запутаться новичкам...

    • @-javascript2665
      @-javascript2665  3 года назад +5

      Спасибо) Старался изложить максимально понятно

    • @_prosto-kuzua_6584
      @_prosto-kuzua_6584 8 месяцев назад

      в разы сложнее чем у других блогеров , я смог запутатся , код не сложен но его подача просто ..........

  • @Rhythm_Men
    @Rhythm_Men 2 года назад

    5 раз собираю в удовольствие) из всех тудушек на просторах эта просто топчик

  • @glavstroyspb8452
    @glavstroyspb8452 3 года назад +2

    super, bolshoe spasibo
    lakonichno i pponyatno bez lishney vody

  • @zloy_zver
    @zloy_zver Год назад +1

    учусь на курсах по фронту за 40к рублей и когда там объясняли тему toDoList этот учитель объяснил точь в точь как автор данного канала. Отличное объяснение, желаю удачи автору))))

    • @zloy_zver
      @zloy_zver Год назад

      даже названия переменных точь в точь под копирку

    • @Native.u
      @Native.u Год назад

      если ты учишься на курсе где обьясняют ТАК, то такой себе курс честно говоря

  • @eugenia9999
    @eugenia9999 3 года назад +2

    о, To do лист ) спасибо !!)) всё очень понравилось )))

  • @DekardKain311
    @DekardKain311 2 года назад +2

    и вот подобный todo лист надо уметь делать, чтобы взяли стажером за еду.
    Охренеть

  • @-javascript2665
    @-javascript2665  3 года назад +5

    Оставляйте в комментариях темы, которые вы хотите, чтобы я разобрал в следующих видео! Приятного просмотра!)
    Tайм-коды:
    00:00:00​ Пример Todo List
    00:01:09​ Подготовка шаблона
    00:03:45​ App компонент
    00:06:30​ ToDoForm компонент
    00:13:30​ ToDo компонент

  • @aiylchiievjs6207
    @aiylchiievjs6207 3 года назад

    наконец нашел самый полезный видос

  • @сергейроманович-у5п

    Очень круто и понятно)

  • @Виталий-е2й6н
    @Виталий-е2й6н 3 года назад +4

    Влад, спасибо за видос, также давай что-нить с redux, reducer, в таком же плане .

  • @nataliiachaikovska4
    @nataliiachaikovska4 3 года назад +4

    Всё получилось! Спасибо! Можно, пожалуйста, ещё практику на React :)

  • @ДядяБогданКлючНа9

    Очень понятое объяснение, но видимо что-то уже устарело и не работает.
    Счётчик списка задач не обновляется, в консоль вылетает ошибка Uncaught и сразу обновляется вся страница.

  • @СтепанЦуканов-т9ы
    @СтепанЦуканов-т9ы 3 года назад +1

    14:13 - а зачем в div добавляется атрибут key ?

  • @georgevenv
    @georgevenv 2 года назад

    Опа, видео от человека со "званием" Тим лид, однозначно подписываюсь

  • @lisofsky8151
    @lisofsky8151 2 года назад

    спасибо, всё заработало

  • @irinabg1279
    @irinabg1279 2 года назад +3

    для map и filter не нужна копия массива, они итак возвращают новый массив.

    • @ferdinandkontr1451
      @ferdinandkontr1451 Год назад +1

      единственный полезный комент

  • @promotezor
    @promotezor 3 года назад +2

    Ты крутой, мужик, привет тебе из Беларуси!
    Можешь сделать урок уровнем выше, например kanban с таймером и тарификацией в колонке "In Progress" (с useContext, useReducer например), а в конце видео, кстати, можно немного от себя рассказывать за применение хуков, или как бы реализовывалась с отличиями от этого примера похожая работа. Ну это чисто так, может понравится идея)
    Спасибо тебе!

  • @vados7341
    @vados7341 2 года назад +2

    Не хочется умничать, но в функции handleKeyPress нету никакого смысла, так как инпут и так работает с кнопки Enter. А так не плохой урок, спасибо!

  • @M27B_our_victory
    @M27B_our_victory 3 года назад

    Бодрит, автор продолжай!

  • @dechto1
    @dechto1 2 года назад

    Спасибо за видео!

  • @МихаилДжекович-л1щ
    @МихаилДжекович-л1щ 3 года назад

    Брат спасибо за твою работу! Но много лишнего)

  • @victormog
    @victormog 3 года назад +2

    Во всех примерах на базе _create-react-app_ сразу удаляются тесты.
    Может стоит поломать тенденцию - рассказать для чего и как их использовать? ;-)

    • @-javascript2665
      @-javascript2665  3 года назад +3

      В планах) Постараюсь запилить отдельный видос про тестирование

    • @victormog
      @victormog 3 года назад +1

      @@-javascript2665
      Заранее спасибо!

  • @dilyafruzik
    @dilyafruzik 2 года назад

    Влад, спасибо за видео. Всё конекретно и по делу. Единственное, у меня не сработал счётчик на {todos.length}. Есть варианты возможных причин?

    • @deadcloud8069
      @deadcloud8069 2 года назад

      чувак, ты буквы местами перепутал попробуй так length

    • @dilyafruzik
      @dilyafruzik 2 года назад

      @@deadcloud8069 спасибо, в коде всё ок

  • @АнатолийПаутов-в9я
    @АнатолийПаутов-в9я 3 года назад

    Спасибо!

  • @bocik2854
    @bocik2854 Год назад

    При добавлении элемента все пропадает, ни одного тэга, белая страница. В чем проблема? Код с гитхаба взял

    • @bocik2854
      @bocik2854 Год назад

      С вёрстки дива "root"исчезает всё ((( втф

  • @ВикторМаричев-й6г
    @ВикторМаричев-й6г 3 года назад

    👀So good

  • @asilbekbekmurodov3221
    @asilbekbekmurodov3221 Год назад

    💣💣💣💣

  • @ровойт
    @ровойт 2 года назад

    thanks

  • @0911dima
    @0911dima 3 года назад

    Добрый день,
    Как можно добавить дополнительную строку и картинку ?
    Например у мне нужно добавить форму с Фото, названием и основным текстом в самом низу кнопка добавить. Заранее спасибо за ответ.

  • @SoEasyBlef
    @SoEasyBlef 3 года назад

    как изменить задачу?

  • @andreyzavyalov9913
    @andreyzavyalov9913 2 года назад +4

    Очень сложно. И это должен уметь новичок??? XDD

    • @Юра-э5е5ю
      @Юра-э5е5ю 2 года назад

      У меня такие задания на первом курсе ,поэтому да

  • @Nikitosss91
    @Nikitosss91 3 года назад

    Давай по гиту урок

    • @victormog
      @victormog 3 года назад +1

      ruclips.net/video/zZBiln_2FhM/видео.html
      ruclips.net/video/SEvR78OhGtw/видео.html

  • @vlias500
    @vlias500 2 года назад +2

    Влад, каким уровнем знания английского нужно обладать чтобы ToDo прочитать как "Тодос?"...это невероятно режет слух

    • @trimmtrabb7629
      @trimmtrabb7629 2 года назад +1

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

    • @vlias500
      @vlias500 2 года назад +1

      @@trimmtrabb7629 если ты собрался программировать на 1С то английский тебе точно не нужен, а на нормальную работу без английского не берут. Как начнёшь учить, тогда поймёшь как это звучит уродливо

    • @nepcz
      @nepcz Год назад

      @@vlias500 смотрю много роликов по вэбдеву и многие каверкают самые простые англ. слова. Сначала тоже резало слух, но потом привык. ретурн, нэв, бровзер, инстал, тодос, озер, фалс )))))