Nové výhodné předplatné namísto kreditů je tu! Více informací. Upravili jsme také naše provozní podmínky.
NOVINKA: Staň se datovým analytikem a získej jistotu práce, lepší plat a nové kariérní možnosti. Více informací:

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

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íš s Provozními podmínkami.

Co od nás v dalších lekcích dostaneš?
  • Přístup k jednotlivým lekcím dle způsobu pořízení.
  • 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.
Článek pro vás napsal Kryštof Břeský
Avatar
.
Aktivity