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
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
Obsah článku spadá pod licenciu Premium, kúpou článku súhlasíš so zmluvnými podmienkami.
- 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ť.