10 - Todolist React JS - практика JS планировщик Todolist | hook useReducer + redux

Поделиться
HTML-код
  • Опубликовано: 26 сен 2024
  • 🚀Стань квалифицированным разработчиком за 9+ месяцев с трудоустройством в IT -INCUBATOR:
    Front-end
    it-incubator.i...
    Back-end
    it-incubator.i...
    Канал нашего IT-Incubator там тоже будет выходить образовательный контент: @ITINCUBATOR
    Плейлист React - Кабзда как подробно
    • React - Кабзда как под...
    Станьте спонсором канала, и вы получите ранний доступ к видео и другие бонусы. Подробнее:
    / @itkamasutra
    Поддержать меня можно на patreon / itkamasutra или оформив спонсорство на данном канале.
    Поддержать проект монеткой: social-network...
    * Мы в соц. сетях:
    itkamas...
    / it.incubator
    telegram.me/it...
    * Мои личные VK и Insta:
    d.kuzyu...
    / dmitry.kuzyberdin
    #todolist #react #практика #примеры #уроки #курс #обучение

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

  • @vendemiansparkle7163
    @vendemiansparkle7163 8 месяцев назад +10

    Дорогой Димыч, пока ждала 10 выпуск, посмотрев 9, устроилась на свою первую работу, пока занимаюсь только вёрсткой, в планах хочу заниматься разработкой на React JS, спасибо тебе за мотивацию, за моральную поддержку, за твой труд, за твои знания! С первой зп донат с меня❤

    • @ITKAMASUTRA
      @ITKAMASUTRA  8 месяцев назад +1

      Чемпионка 🤝🫶

  • @igetout
    @igetout Месяц назад

    Отличный урок, спасибо!)

  • @MegaLusilu
    @MegaLusilu 5 месяцев назад

    отличный сериал!

  • @talaevleonid696
    @talaevleonid696 4 месяца назад

    Достойный урок!!

  • @АндрейМалыга-с7з
    @АндрейМалыга-с7з 3 месяца назад

    Спасибо большое:)

  • @СветланаАндреевна-х8р
    @СветланаАндреевна-х8р 6 месяцев назад

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

  • @Zimmer778
    @Zimmer778 7 месяцев назад

    Супер полезная инфа для тех, кто в целом понимает, но не хватает каких то мелочей для более целостной картины, спасибо!

  • @nataliymoskalenko8973
    @nataliymoskalenko8973 5 месяцев назад

    Класс, спасибо! класс спасибо! класс спасибо, чтобы поднять охваты! Летим-ракетим

  • @asmodeus7862
    @asmodeus7862 6 месяцев назад

    Лучшие!

  • @88hatecore
    @88hatecore 8 месяцев назад

    Долгожданное продолжение, смотрим!

  • @Maksym-e6e
    @Maksym-e6e 8 месяцев назад

    Спасибо за очередной урок! Ждем продолжения!!!

  • @denzelwashington4135
    @denzelwashington4135 8 месяцев назад

    Ну наконец-то), не прошло и три месяца)) большое спасибо

  • @Awe88Some
    @Awe88Some 8 месяцев назад +1

    оу, вот это да 10 урок! скорей бы до конца добить этот тудулист, чтоб я всем говорил, что я программист))) **только в описании нужно исправить "стартуем 2024" дефолтная ошибка сервера:D

  • @Александр-ю5ц6с
    @Александр-ю5ц6с 6 месяцев назад

    Спасибо

  • @QaZaQ_Stranger
    @QaZaQ_Stranger 8 месяцев назад

    Ура!!! Наконец-то мои просьбы были услышаны Димачем!!! Так глядишь и 11 урок выложит👍🏻👍🏻👍🏻👍🏻

    • @xaosland
      @xaosland 8 месяцев назад

      Залетай на курс! у нас много всего!

  • @johna6436
    @johna6436 8 месяцев назад

    Спасибо за хороший контент и крутую подачу!!!
    Желаю успехов!

  • @MariannaBespalova
    @MariannaBespalova 8 месяцев назад

    Спасибо!!!!! Ждем продолжения!!!!

  • @nataliymoskalenko8973
    @nataliymoskalenko8973 8 месяцев назад

    спасибо, очень помагаешь, Летим!

  • @unicoxr5tj417
    @unicoxr5tj417 8 месяцев назад

    мы дико нравится песня)))

  • @rossoneri902
    @rossoneri902 6 месяцев назад

    Спасибо, Дима)

  • @СергейСирота-щ6ч
    @СергейСирота-щ6ч 8 месяцев назад

    Вот это подгон💪спасибо)

  • @johna6436
    @johna6436 7 месяцев назад

    Космос! Спасибо!

  • @QaZaQ_Stranger
    @QaZaQ_Stranger 7 месяцев назад

    Всем салем продолжаем продолжать!!!
    2:09 Что такое REDUX?
    4:25 Начало урока
    5:17 Что такое РЕДЬЮСЕР?

  • @igorstadnik707
    @igorstadnik707 8 месяцев назад

    ураааааааааааа :) спасибо большое ))

  • @Maksym-e6e
    @Maksym-e6e 8 месяцев назад

    Прошел уроков 60 самурая, и теперь, связка useState useReducer и наконецто dispatch , привели к понимнию что происходит и почему! Сенькью вери мач:)

  • @АндрейМалыга-с7з
    @АндрейМалыга-с7з 3 месяца назад

    Ну это капец, но круто

  • @All_be_good
    @All_be_good 8 месяцев назад

    Почему так долго, друг? Я заждался...

  • @NarePoghosyan
    @NarePoghosyan 5 месяцев назад +1

    Я одна заметила, что футболка была черной, а потом стала белой? 1:09:13

  • @leetcode24
    @leetcode24 8 месяцев назад

    самая интересная программа только в Инкубаторе

  • @valvetigu5207
    @valvetigu5207 5 месяцев назад

    Думал чокнусь. В каком-то из файлов написал что типы фильтров - стринг, а не ол, комплитед и тд. Тс ругается, я не понимаю от куда ноги растут. Злость, агрессия. Рад что нашел, но ресурсозатратно

  • @crissquest3258
    @crissquest3258 8 месяцев назад

    Ого ...

  • @АдилетЭралиев-л5н
    @АдилетЭралиев-л5н 8 месяцев назад

    Пожалуйста сделай на node-js(BACKEND) практику пожалуйста

  • @Valeriy-w5j
    @Valeriy-w5j 8 месяцев назад

    А путь самурая 2.0 больше не будет?

  • @alinarudkovskaya2749
    @alinarudkovskaya2749 8 месяцев назад

    Спасибо вам!)
    Подскажите, есть ли на канале обучающие видео для Middle уровня (react/js/ts/nextjs/разбор кейсов с реальны проектов/рефакторинг/оптимизация )? на платной основе.
    Очень нравится подача и хочется найти для себя материалы здесь.
    Буду очень благодарна за ссылки!

    • @ITKAMASUTRA
      @ITKAMASUTRA  8 месяцев назад

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

  • @ВикторКулагин-ь2у
    @ВикторКулагин-ь2у 5 месяцев назад

    middleware is not a function что это? Всё установил

  • @Alexei-sb6kz
    @Alexei-sb6kz 2 месяца назад

    case 'CHANGE-TASK-STATUS': {
    const stateCopy = {...state};
    let tasks = stateCopy[action.todolistId];
    stateCopy[action.todolistId] = tasks.map(t => t.id === action.taskId ? {...t, isDone: action.isDone} : t)
    return stateCopy;
    }
    case 'CHANGE-TASK-TITLE': {
    const stateCopy = {...state};
    let tasks = stateCopy[action.todolistId];
    stateCopy[action.todolistId] = tasks.map(t => t.id === action.taskId ? {...t, title: action.title} : t)
    return stateCopy;
    }

  • @lisaborysenko7249
    @lisaborysenko7249 Месяц назад

    супер курс :))) мне нравится

  • @deyvidasb1769
    @deyvidasb1769 7 месяцев назад

    Дима привет! Мне пришла в голову такая идея: у меня есть модель (класс) TaskModel, у этой модели есть метод deleteTask принимающий только id task-и, можно например в этот метод как необязательный параметр передавать функцию от useState (setTasks) и в методе deleteTask, если этот необяз. параметр передан вызывать её и менять состояние React приложения? Или это будет через-чур всемогущий метод? (он и удаляет таску и меняет state)

    • @deyvidasb1769
      @deyvidasb1769 7 месяцев назад

      Хотя наверное это не правильно так как модель уже начинает зависеть от React, то-есть если не будет React-a то типизация как минимум сломается...

    • @ITKAMASUTRA
      @ITKAMASUTRA  7 месяцев назад +1

      Точно пробуй всегда выдумывать такие штуки и дальше! Даже если это и не оптимально или вовсе противоречит какой-то концепции, все равно ты получаешь крутой опыт, мышление разиваваешь и архитектурный навык

  • @AntonZubko
    @AntonZubko 8 месяцев назад

    Димыч,спасибо за очередной крутой урок !!!React,Redux - летим в космос!!!

  • @ИльяБойко-э3к
    @ИльяБойко-э3к 8 месяцев назад

    жду следующий урок с нетерпением)