IT rekvalifikácia. Seniorní programátori zarábajú až 6 000 €/mesiac a rekvalifikácia je prvým krokom. Zisti, ako na to!

5. diel - Databázový klient v React - Príprava projektu

V minulej lekcii, Databázový klient v React - Jednofaktorová autentizácia , sme si vysvetlili, čo je to autentizácie a pripravili si serverovú časť tejto implementácie.

V minulej lekcii, Databázový klient v React - Jednofaktorová autentizácia , sme dokončili jednoduchú kalkulačku v React. Dnes začneme pracovať na oveľa pokročilejšom projektu a postupne si tu vytvoríme plne funkčné klientsku aplikáciu pre databázu filmov a osobností, predstavujúcich režisérmi alebo herca. Komunikácia s databázou bude realizovaná prostredníctvom vopred pripraveného Restful API v Node.js. Klient bude umožňovať pohodlnú správu jednotlivých záznamov (filmov i osobností) v databáze a ich výpis v zozname bude možné filtrovať podľa rôznych dostupných parametrov.

Kód aplikácie bude maximálne stavať na využitie funkcionality čistého JavaScriptu (podľa štandardu ECMAScript 6) a samotné knižnice React, aby bol kurz maximálne univerzálny. Ak budete chcieť neskôr pridať akékoľvek ďalšie knižnice, nie je to problém.

Pre vývoj React klienta je potrebné mať nainštalované Node.js a na účely testovania aj MongoDB databázu. Tu je malá ukážka toho, ako bude vyzerať záverečná aplikácia:

Výsledná aplikácie v React - REST API klient v React - Filmová databáza

Vytvorenie projektu

Náš projekt bude rozdelený do dvoch hlavných častí:

  • klientská React aplikácie, ktorú si postupne naprogramujeme v rámci tohto tutoriálu
  • serverová časť v Node.js pre spojenie s MongoDB databázou, ktorá je dostupná k stiahnutiu na konci článku

Použitú architektúru s rozdelením jednotlivých častí projektu a ich vzájomnú komunikáciu znázorňuje


 

...koniec náhľadu článku...
Pokračuj ďalej

Vedomosti v hodnote stoviek tisíc získaš za pár korún

Minul si až sem a to je super! Veríme, že ti prvé lekcie ukázali niečo nového a užitočného.
Chceš v kurze pokračovať? Prejdi do prémiové sekcie.

Kúpiť tento kurz

Kúpiť všetky aktuálne dostupné lekcie s funkciou odovzdávanie úloh a certifikátom iba za 625 kreditov
Aktuálny stav konta 0 kreditov
Kúpou tohoto balíčku získaš prístup ku všetkým 24 článkom (23 lekcií, test) tohoto kurzu.

Obsah článku spadá pod licenciu Premium, kúpou článku súhlasíš so zmluvnými podmienkami.

Čo od nás v ďalších lekciách dostaneš?
  • Neobmedzený a trvalý prístup k jednotlivým lekciím.
  • Kvalitné znalosti v oblasti IT.
  • Zručnosti, ktoré ti pomôžu získať vysnívanú a dobre platenú prácu.

Popis článku

Požadovaný článok má nasledujúci obsah:

V tutoriálu si vytvoríme základnú kostru React klienta pre databázu filmov, s ktorou budeme komunikovať pomocou pripraveného Node.js API.

Kredity získaš, keď podporíš našu sieť. To môžeš urobiť buď zaslaním symbolickej sumy na podporu prevádzky alebo pridaním obsahu na sieť.

Článok pre vás napísal Petr Kozler
Avatar
Autor se aktuálně věnuje především programování v PHP (a vývoji webových aplikací obecně) nebo v Pythonu, ojediněle pak v C nebo v Javě...
Aktivity