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:
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
Došiel 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ť iba tento kurz
Získaj okamžitý prístup ku kurzu bez
časového obmedzenia.
625 kreditov
Obsah článku spadá pod licenciu Premium, kúpou článku súhlasíš so zmluvnými podmienkami.
- Prístup k jednotlivým lekciám podľa spôsobu obstarania.
- 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ť.
