🤔 Что такое dispatch?В контексте Frontend-разработки, dispatch — это метод, который отправляет (диспатчит) событие или действие. В зависимости от технологии dispatch может использоваться в Redux, EventTarget или React. 🟠`dispatch` в Redux В Redux dispatch(action) используется для отправки (диспатча) действий (actions) в хранилище (store). import { useDispatch } from 'react-redux';const Counter = () => { const dispatch = useDispatch(); return ( <button onClick={() => dispatch({ type: 'INCREMENT' })}> Увеличить </button> );};🟠`dispatchEvent` в JavaScript (EventTarget API) В нативном JavaScript метод dispatchEvent() используется для генерации пользовательских событий на DOM-элементах. const button = document.querySelector("button");// Создаём событиеconst event = new Event("myCustomEvent");// Добавляем слушатель событийbutton.addEventListener("myCustomEvent", () => { console.log("Событие вызвано!");});// Диспатчим событиеbutton.dispatchEvent(event); // Выведет: "Событие вызвано!"🟠`dispatch` в React (useReducer)В React-хуке useReducer dispatch используется для изменения состояния компонента. import { useReducer } from 'react';const reducer = (state, action) => { switch (action.type) { case 'increment': return { count: state.count + 1 }; default: return state; }};const Counter = () => { const [state, dispatch] = useReducer(reducer, { count: 0 }); return ( <button onClick={() => dispatch({ type: 'increment' })}> {state.count} </button> );};Ставь 👍 и забирай 📚 Базу знаний
