Пишем Todo list App на React, useState hook

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

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

  • @seo-soul
    @seo-soul  3 года назад +4

    2 часть. Фильтр задач
    ruclips.net/video/3BYQ6WmKLeU/видео.html

  • @natalianatalia3357
    @natalianatalia3357 2 года назад +5

    Не слушайте тех, кто критикует или пишет зачем. Ваши уроки по написанию ToDo мне понравились, очень полезно. Пишите другие проекты.

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

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

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

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

  • @КапитанДжек-щ3й
    @КапитанДжек-щ3й 2 года назад

    Огромное спасибо, всё описано просто идеально 🙌 С радостью посмотрел бы новые выпуски на разные темы реакта!)

  • @МухаммадчонАбдуллоев-о5е

    Очень хорошое обьяснение!!!! Спасибо автору.

  • @bettkaa
    @bettkaa Год назад +2

    когда мы создавали функцию для удаляемых значений,в newTodo не нужен спред оператор на todo, так как filter и так создает новый массив

    • @seo-soul
      @seo-soul  10 месяцев назад

      вы правы, спасибо за замечание

  • @ЛюбовьЛенская-и3ц
    @ЛюбовьЛенская-и3ц 2 года назад +1

    Спасибо, все понятно и доступно!

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

    Спасибо огромное, видео отличное всё понятно!

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

    Спасибо вам мне понравилось все очень помог понять хук useState 💣

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

    здорово, наиболее приближенно к тому, что я ищу. Как понимаю, здесь представленна простая реализация. Получается, что наши компоненты "умные", следят за информацией... И, как понимаю, в дальнейшем, можно сделать их глупыми, реализовав Flux подход.

  • @serjsamoilow8711
    @serjsamoilow8711 2 года назад +5

    спасибо за изи вариант тудулиста и отдельное спасибо за библиотеку uuid - она тупо топ. кто не понял как работает uuid то там все просто:
    import { v1 as uuidv1 } from 'uuid';
    id: uuidv1()

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

      Cпасибо большое, а то я долго застрял на этом моменте)

    • @МАКСИММЕЛЬНИК-ш8и
      @МАКСИММЕЛЬНИК-ш8и 2 года назад

      ДА, огромное тебе спасибо за комент с разъяснением, а то у меня тоже мозг закипел )))

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

      спасибо, добрый человек!

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

      Cпасибо большое ;)

  • @АнастасияМерзлякова-с6в

    Спасибо за Ваш труд!

  • @pgdn6665
    @pgdn6665 11 месяцев назад +1

    Если это кто-то смотрит в 2023, то uuid надо импортировать так "import {v4 as uuid} from "uuid"
    "

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

    Около 30:00 он скачивает uuid что бы поставить уникальный id но это глупо так как есть функция Date.now() которая просто указывает id не похожий на другие и не приходится устанавливать uuid тем самым нагружать проект

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

      Как вариант зарандомить ID - Math.random().toString(36).substring(2, 9)

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

      в этом вообще 0 глупости. безусловно, собирать id он мог разными способами. Начиная от Date.now() и вплоть до генерации рандомных чисел. Но зачем делать костыль, если можно воспользоваться методом, который прямо таки и создавался для подобных вещей?

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

      а если Date.now() несколько раз подряд вызвать?

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

    По поводу уникального ID - можно его сгенерировать(зарандомить) таким образом - Math.random().toString(36).substring(2, 9). А так - видеоурок огонь, максимально разжевано!

    • @ЯнаАртюшкевич
      @ЯнаАртюшкевич 2 года назад

      Добрый день ,а можете подсказать или скинуть часть кода где это прописать?У меня почему-то с uuid ничего не работает

    • @ТынычбекКурсаналиУулу
      @ТынычбекКурсаналиУулу 2 года назад

      @@ЯнаАртюшкевич Привет, может уже поздно. Но держи :
      function saveTodo() {
      setTodo([
      ...todo,
      {
      id: Math.random().toString(36).substring(2, 9),
      title: value,
      status: true,
      },
      ]);
      }

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

      Я +new Date() генерирую

  • @Aleksandr-w4e
    @Aleksandr-w4e 2 года назад

    спасибо, хороший урок

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

    Спасибо, друг!!!!

  • @ДмитрийЛукьяненко-ь9ы

    Куда пропал брат?

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

    У меня изменения ко всем постам добавляются(((

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

    Почему в statusTodo используется метод filter ? И зачем перед каждым использованием map/filter копировать массив через спред?

    • @seo-soul
      @seo-soul  10 месяцев назад

      спред не нужен, вы правы. Про фильтр не помню уже, что там было

  • @СергейХакимжанов
    @СергейХакимжанов Год назад +1

    Есть ссылка на гит?

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

    44:53 после окончания функций saveTodo у меня выводит ошибка "todo is not iterable". Вообще без понятия как это ошибку исправить в интернете я не нашел. Help

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

      Привет, если актуально, ответь, чем смогу помогу, я смог по уроку все сделать, все работает

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

    please ..can you write the code?

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

    37:30

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

    Зачем

    • @АндрейБочарников-х5ъ
      @АндрейБочарников-х5ъ 3 года назад

      зачем он пишет todo?

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

      потому что

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

      Зачем пишет Todolist? Ну наверное потому что это второй по популярности тестовый кейс на фронта джуна после лендинга