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 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

Znalosti v hodnotě stovek tisíc získáš za pár korun

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.

Obsah článku spadá pod licenci Premium, koupí článku souhlasíš se smluvními podmínkami.

Co od nás v dalších lekcích dostaneš?

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íť.

Článek pro vás napsal Kryštof Břeský