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 eur

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émiovej sekcie.

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

Čo od nás v ďalších lekciách dostaneš?
  • 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.
Článok pre vás napísal Petr Kozler
Avatar
Autor se věnuje vývoji převážně webových aplikací v PHP nebo Pythonu.
Aktivity