§ Използване на Redux библиотека

В този урок ще разгледаме библиотеката Redux, която е едно от най-популярните решения за управление на състояния (state) в JavaScript, особено в контекста на React.js. В повечето случаи хората използват Redux Toolkit, което представлява набор от инструменти около съответната библиотека.

Когато става въпрос за React, имаме и библиотеката React Redux, която допълнително улеснява работата с Redux. Едно от ключовите понятия в Redux е Store, което представлява мястото, където се съхраняват данните в приложението. Store-ът съдържа различни Slice-ове, които представляват порции от информацията, необходими за приложението.

При използването на Redux, създаваме Reducer-и, чиито основна цел е да променят състоянието на приложението. Чрез Actions можем да извикваме функциите в Reducer-ите, които ще променят състоянието. Слушането за промени на състоянието е важна част от използването на Redux, за да се гарантира, че компонентите ще бъдат пререндирани при промени.

След като създадем нужните Slice-ове и Reducer-и, можем да инициализираме Store и да го интегрираме в нашето React приложение. Чрез useSelector и useDispatch от react-redux библиотеката, можем лесно да използваме данните от Store-а и да извикаме съответните Actions за промяна на състоянието.