Как сделать Debounce и Throttle в Redux Saga

#ReduxSaga #Redux #React В этом видео курса по Redux Saga рассмотрим эффекты debounce и throttle, напишем хэндлеры для чтения значения поля ввода с помощью debounce и throttle, а также напишем кастомную реализацию debounce и throttle с использованием базовых эффектов. Throttle - не будет стартовать новую задачу в течении заданного времени и будет получать только самые поздние actions. Т.е. будет обрабатываться только одно событие в течение заданного временного окна. Debounce в отличие от throttle не будет запускаться каждые n миллисекунд. Если пришел еще один action, то предыдущая задача отменится и запустится новая с тем же ожиданием. Redux Saga это библиотека для Redux и является middleware для Redux, которая призвана упростить и улучшить выполнение сайд-эффектов. Cайд эффекты это асинхронные операции, например, загрузки данных либо иные действия, который должны выполняться помимо изменения данных стора (store). Это полный курс по Redux Saga, который состоит из 18 подробных практических видео-уроков с исходным кодом (посмотреть все видео курса можно в этом плейлисте Мы в соцсетях: 💻 Сайт: 💻 Telegram: 💻 Twitter: 💻 GitHub: ☕️ Поддержать канал: Плейлисты и курсы: 📃 Исходный код: 🍏 Redux Saga: 💡 Все о ReactJS: 💡 Как пройти ReactJS собеседование: 💡 ReactJS хуки: 💡 Redux: 💡 Как создать слайдер на ReactJS: 💡 Svelte: 💡 Sass: 💡 GraphQL: 💡 JavaScript: 00:00 - Теория debounce и throttle 00:56 - Примеры использования debounce и throttle в реальных проектах 02:16 - Подготовка проекта 04:47 - Пишем пример с throttle 06:13 - Пишем пример с debounce 07:27 - Пишем свою реализацию throttle 10:58 - Пишем свою реализацию debounce 13:57 - Пишем вторую реализацию debounce #devmagazine #devmagazinechannel
Back to Top