Lekce 5 - Redux Toolkit a propojení s React Native
V předchozí lekci, Hlavní koncepty Redux, jsme si vysvětlili základní koncepty Redux a vytvořili jsme jednoduchou přihlašovací aplikaci.
V dnešní lekci JavaScript knihoven si přepíšeme přihlašovací aplikaci z minulé lekce do Redux Toolkit a přidáme uživatelské rozhraní s React Native.
Instalace Expo-cli a tvorba React Native projektu
Nejdříve ze všeho zkontrolujeme, zda máme nainstalované expo-cli. Pokud ne, tak ho globálně naistalujeme:
npm install -g expo-cli
Expo-cli je aplikace příkazového řádku pro tvorbu a obsluhu našeho React Native projektu.
Pomocí expo-cli tedy vytvoříme náš React Native projekt, který
pojmenujeme demo
:
expo init demo
Následně se přesuneme do vytvořené složky demo/
a
naistalujeme knihovny React, React-Redux a Redux
Toolkit:
cd demo
npm install react react-redux @reduxjs/toolkit
Ve složce demo/
také vytvoříme složky src/
a
src/components/
(tj. složku components/
vytvoříme
ve složce src/
).
Redux Toolkit
Redux Toolkit je oficiální knihovna od Redux týmu, která ulehčuje vývoj aplikací s Redux a oproti Redux Core obsahuje navíc další užitečné knihovny.
...konec náhledu článku...
Pokračuj dál
Došel jsi až sem a to je super! Věříme, že ti první lekce ukázaly něco nového a užitečného.
Chceš v kurzu pokračovat? Přejdi do prémiové sekce.
Koupit tento kurz
Obsah článku spadá pod licenci Premium, koupí článku souhlasíš se smluvními podmínkami.
- Neomezený a trvalý přístup k jednotlivým lekcím.
- Kvalitní znalosti v oblasti IT.
- Dovednosti, které ti pomohou získat vysněnou a dobře placenou práci.
Popis článku
Požadovaný článek má následující obsah:
V tomto článku přepíšeme přihlašovací aplikaci v Redux Toolkit a přidáme uživatelské rozhraní pomocí React Native.
Kredity získáš, když podpoříš naši síť. To můžeš udělat buď zasláním symbolické částky na podporu provozu nebo přidáním obsahu na síť.