Redux DevTools
Redux DevTools yra naršyklės extension įrankis, padedantis Redux Store lengviau sekti ir derinti. Tai suteikia sąsają, skirtą peržiūrėti istoriją actions ir būsenas, taip pat leidžia naršyti ir matyti pokyčius laikui bėgant Redux Store. Tai padeda suprasti, kaip programos būsena pasikeičia įvykus actions.
Norėdami integruoti Redux DevTools į Next.js programą, galite naudoti redux-devtools-extension
biblioteką. Štai pavyzdys, kaip jį integruoti:
Įdiegti Redux DevTools Extension:
Redux DevTools Extension Kurdami naudokite Redux Store:
Kai atidarysite Redux DevTools naršyklėje, pamatysite naują skirtuką, kad galėtumėte stebėti būseną actions ir Redux Store.
Kelionė laiku Redux
Kelionė laiku reiškia Redux galimybę naršyti pirmyn ir atgal tarp būsenų, kad būtų Redux Store galima stebėti būsenos pokyčius per actions. Kai kartu su Redux DevTools, kelionės laiku leidžia konkrečiai stebėti, kaip Redux Store laikui bėgant keičiasi būsena.
Išplėstinė Routing ir Redux integracija Next.js
Norėdami integruoti išplėstinius routing ir Redux į Next.js, galite atlikti šiuos veiksmus:
Įdiekite react-router-dom
ir redux-thunk
bibliotekas :
Apibrėžkite Redux Thunk Middleware ir sukurkite Actions naudojant async naudojimą :
reate Reducers for Routing ir duomenys :
Sukurti Router Redux Next.js ir naudoti puslapyje :
Naudoti Router ir Redux puslapyje Next.js : _
Atminkite, kad tai gana paprastas pavyzdys, kaip integruoti Redux ir routing į Next.js. Realioje programoje gali tekti apsvarstyti ir pritaikyti daugiau, kad atitiktumėte konkrečius projekto reikalavimus.