Размена на податоци помеѓу Redux апликацијата и серверот

Овој дел ќе биде за искусни ученици, кои не застанаа на постигнатото во Redux и одлучија да одат до крај на овој туторијал. Во следните два дела ќе ја допреме работата на Redux апликацијата со асинхрона логика, ќе ја поврземе нашата апликација со серверскиот дел и ќе научиме како да разменува податоци со неа.

Од претходните делови знаеме дека во основата на работата на Redux апликацијата лежи синхрон механизам. Основните фази на работа се состојат во испраќање на акции при појава на некој настан во апликацијата, потоа ажурирање на состојбата во store со функцијата-редјусер, известување на компонентите на апликацијата за промената на состојбата и соодветно прикажување на новата вредност на состојбата во компонентите.

Во реалниот живот често се случува апликацијата да има потреба и од асинхрона логика, на пример при работа со HTTP API барања и добивање податоци од некој надворешен сервер. Затоа, за да може нашиот 'синхрон' Redux store да работи со таква асинхрона логика, се кореи таканаречен middleware - софтвер кој е посредник или врска помеѓу store на нашата апликација и, на пример, серверот, со кој ќе започнеме работа во оваа глава од туторијалот.

За Redux се создадени многу такви middleware, но најшироко распространет меѓу нив и официјално препорачан за работа на Redux апликации со асинхрона логика сè уште останува Redux Thunk. Овој софтвер ни помага да користиме обични функции (или thunks), кои можат да содржат во себе асинхрона логика, како што се setTimeout, Promises, async/await, за интеракција со нашиот store. Што се однесува до самиот термин, thunk - тоа е код кој извршува некоја одложена работа.

Сега, кога малку се запознавме со тоа како да работиме во Redux со асинхрона логика, можеме да продолжиме со имплементација на оваа фаза во нашата апликација. Треба да направиме така што нашата апликација ќе може да комуницира со некој надворешен сервер, примајќи од него и пренесувајќи му податоци. Со други зборови, пред нас нè очекува возбудлива и многу важна тема. Да почнеме.