loader image
React.JS - Kompletan vodič (uključujući Hooks, React Router, Redux)

React.JS – Kompletan vodič (uključujući Hooks, React Router, Redux)

Šta ćeš naučiti na kursu

Opis kursa

Ovaj kurs je najsavremeniji i sveobuhvatniji React kurs!

Potpuno je ažuriran i ponovo snimljen iz temelja – uči najnoviju verziju React-a sa svim osnovnim, modernim funkcijama koje treba da znate!

Ovaj kurs takođe dolazi sa dve putanje kojima možete da idete: „kompletnom“ putanjom (puni kurs >40h) i „sumarnom“ putanjom (~4h rezime modula) – možete izabrati putanju koja najbolje odgovara vašim vremenskim zahtjevima! 🙂

React.js je najpopularnija JavaScript biblioteka koju ovih dana možete koristiti i naučiti za pravljenje modernih, reaktivnih korisničkih interfejsa za web.

Ovaj kurs vas uči da reagujete u dubini, od temelja, korak po korak, uranjajući u sve osnovne osnove, istražujući tone primera i takođe vas upoznajući sa naprednim konceptima.

Dobićete svu teoriju, gomilu primera i demonstracija, zadataka i vežbi i tonu važnog znanja koje većina drugih resursa preskače – na kraju krajeva, postoji razlog zašto je ovaj kurs tako ogroman! 🙂

A u slučaju da čak i ne znate zašto biste željeli da naučite React, a ovdje ste samo zbog nekog oglasa ili „algoritma“ – bez brige: ReactJS je ključna tehnologija kao web programer i na ovom kursu ću takođe objasni ZAŠTO je to toliko važno!

Dobrodošli u “React – The Complete Guide”!

Ovaj kurs će vas naučiti React.js na način orijentisan na praksu, koristeći sve najnovije obrasce i najbolje prakse koje su vam potrebne. Naučićete sve ključne osnove, kao i napredne koncepte i srodne teme koje će vas pretvoriti u React.js programera.

Ovo je ogroman kurs jer zaista pokriva SVE što treba da znate i naučite da postanete React.js programer!

Bez obzira da li ne znate ništa o React-u ili ako već imate neko osnovno React znanje (nije obavezno, ali i nije problem), iz ovog kursa ćete dobiti gomilu korisnih informacija i znanja!

Moj cilj sa ovim kursom je da osiguram da se osećate samopouzdano radeći sa React-om, tako da možete da se prijavite za React poslove, da ga koristite u sopstvenim projektima ili jednostavno poboljšate svoj portfolio kao programer – šta god da je vaš cilj: Ovaj kurs vas vodi tamo !

Šta je u ovom kursu?

  • Detaljan uvod u React.js (šta je to i zašto biste ga koristili?)
  • Sve osnovne osnove: kako React funkcioniše, pravljenje komponenti pomoću React-a i izgradnja korisničkih interfejsa pomoću React-a
  • Komponente, rekviziti i dinamičko povezivanje podataka
  • Rad sa korisničkim događajima i stanjem za kreiranje interaktivnih aplikacija
  • (Temeljni) pogled iza kulisa da biste razumeli kako React funkcioniše ispod haube
  • Detaljna objašnjenja o tome kako se radi sa listama i uslovnim sadržajem
  • React Hooks (u dubini)!
  • Rad sa ugrađenim kukicama i pravljenje prilagođenih kuka
  • Kako otkloniti greške u React aplikacijama
  • Stilizovanje React aplikacija sa „Stilizovanim komponentama“ i „CSS modulima“
  • Rad sa „Fragmentima“ i „Portalima“
  • Suočavanje sa neželjenim efektima
  • Komponente zasnovane na klasama i funkcionalne komponente
  • Slanje HTTP zahtjeva i rukovanje prelaznim stanjima + odgovori
  • Rukovanje obrascima i korisničkim unosom (uključujući validaciju)
  • Redux & Redux Toolkit
  • Rutiranje pomoću React rutera
  • Detaljan uvod u Nekt.js
  • Primjena React aplikacija
  • Implementacija autentifikacije
  • Jedinični testovi
  • Kombinovanje React-a sa TipeScript-om
  • Dodavanje animacija
  • Tone primjera i demo projekata tako da možete primeniti sve stvari koje ste naučili u stvarnim projektima

I još mnogo toga – pogledajte cijeli nastavni plan i program na ovoj stranici!

I najbolje od svega?

Ne treba vam nikakvo prethodno React znanje!

Ovaj kurs počinje sa nula znanja! Sve što vam je potrebno je osnovni web razvoj i poznavanje JavaScript-a (iako kurs uključuje i kratko osvježavanje JavaScript-a kako biste bili sigurni da smo svi na istoj stranici!).

Prikaži više

Kome je ovaj kurs namjenjen?

  • Studentima koji žele da nauče kako da prave reaktivne i brze web aplikacije,
  • Svakome ko je zainteresovan da nauči izuzetno popularnu tehnologiju koju koriste vodeće tehnološke kompanije kao što je Netflix;
  • Studentima koji žele da svoje vještine web razvoja podignu na viši nivo i nauče tehnologiju koja je otporna na budućnost;

Plan i program

  • Dobro došli na kurs;
  • Šta je React.js;
  • Zašto React umjesto “Samo JavaScript”;
  • Izgradnja aplikaciju koja sadrži jednu stranicu pomoću React-a;
  • Istraživanje React.js alternative;
  • Pridružite se našoj online zajednici;
  • O kursu, nacrt kursa;
  • Dva načina savladavanja ovog kursa;
  • Izvući maksimalno iz ovog kursa;
  • Podešavanje razvojnog okruženja;
  • Uvod u modul;
  • Razumijevanje „neka“ i „konstant“;
  • Funkcije sa strelicama;
  • Izvoz i uvoz;
  • Razumijevanje klasa;
  • Klase, svojstva i metode;
  • Operater za širenje i odmor;
  • Destrukturiranje;
  • Referentni i primitivni tipovi Refresher;
  • Osvježavanje funkcija niza;
  • Priprema za projekciju;
  • JavaScript sledeće generacije – rezime;
  • Funkcije JS niza;
  • Uvod u modul;
  • Šta su komponente? I zašto je React sve o njima?;
  • React kod je napisan na “deklarativni način”!;
  • Napomena o novim React projektima i NodeJS-u;
  • Kreiranje novog React projekta;
  • Početni projekat;
  • Analiza standardnog React projekta;
  • Predstavljamo JSKS;
  • Kako funkcioniše React;
  • Pravljenje prve prilagođene komponente;
  • Pisanje složenijeg JSKS koda;
  • Dodavanje osnovnog CSS stila;
  • Izlaz dinamičkih podataka i rad sa izrazima u JSKS-u;
  • Prenošenje podataka preko “rekvizita”;
  • Dodavanje “normalne” JavaScript logike komponentama;
  • Podjela komponenti na više komponenti;
  • Vrijeme za vježbanje: Reagovanje i osnove komponenti;
  • Koncept “kompozicije” (“dečiji rekvizit”);
  • Prvi rezime;
  • Bliži pogled na JSKS;
  • Organizovanje datoteka komponenti;
  • Sintaksa alternativne funkcije;
  • Provjera naučenog: React osnove, komponente, rekviziti i JSKS;
  • Modul Resources;

 

  • Uvod u modul;
  • Slušanje događaja i rad sa rukovaocima događaja;
  • Kako se izvršavaju funkcije komponente;
  • Rad sa “State”;
  • Bliži pogled na “useState” kuku;
  • Država se može ažurirati na mnogo načina!;
  • Dodavanje unosa obrasca;
  • Slušanje korisničkog unosa;
  • Rad sa više State-ova;
  • Korišćenje jednog State-a (i šta je bolje);
  • Ažuriranje stanja koje zavisi od prethodnog stanja;
  • Rukovanje podnošenjem obrasca;
  • Dodavanje dvosmjernog vezivanja;
  • Komponentna komunikacija između djeteta i roditelja (odozdo prema gore);
  • Podizanje State-a;
  • Vrijeme za vježbanje: rad sa Event-ovima i State-ovima;
  • Kontrolisane protiv nekontrolisanih komponenti & Komponente bez državnosti vs Komponente sa State-om;
  • Provjera učenja: Rad sa Event-ovima i State-ovima;
  • Modul Resources;
  • Uvod u modul;
  • Rendering Lists of Data;
  • Korišćenje lista sa stanjem;
  • Razumijevanje “ključeva”;
  • Vrijeme za vježbanje: rad sa listama;
  • Izlaz uslovnog sadržaja;
  • Dodavanje izjava o uslovnom povratu;
  • Vrijeme za vježbanje: uslovni sadržaj;
  • Demo aplikacija: Dodavanje grafikona;
  • Dodavanje dinamičkih stilova;
  • Završi i sledeći koraci;
  • Ispravljanje male greške;
  • Provjera učenja: izlazne liste i uslovni sadržaj;
  • Modul Resources;

 

  • Uvod u modul;
  • Podešavanje dinamičkih umetnutih stilova;
  • Dinamičko podešavanje CSS klasa;
  • Predstavljamo stilizovane komponente;
  • Stilizovane komponente i dinamički rekviziti;
  • Stilizovane komponente i medijski upiti;
  • Korišćenje CSS modula;
  • Dinamički stilovi sa CSS modulima;
  • Modul Resources;
  • Uvod u modul;
  • Razumijevanje React poruka o greškama;
  • Analiza toka koda i upozorenja;
  • Rad sa tačkama prekida;
  • Korišćenje React DevTools-a;
  • Modul Resources;

 

  • Uvod u modul;
  • Dodavanje komponente „Korisnik“.;
  • Dodavanje komponente “kartice” koja se može ponovo koristiti;
  • Dodavanje komponente „Dugme“ koja se može ponovo koristiti;
  • Upravljanje stanjem korisničkog unosa;
  • Dodavanje logike validacije i resetovanja;
  • Dodavanje komponente liste korisnika;
  • Upravljanje listom korisnika preko države;
  • Dodavanje komponente „ErrorModal“.;
  • Upravljanje stanjem greške;
  • Modul Resources;

 

  • Uvod u modul;
  • JSKS ograničenja i rješenja;
  • Kreiranje komponente omotača;
  • React Fragments;
  • Predstavljamo React portale;
  • Rad sa portalima;
  • Rad sa “ref”-ovima;
  • Kontrolisane protiv nekontrolisanih komponenti;
  • Modul Resources;

 

  • Uvod u modul;
  • Šta su „neželjeni efekti“ i predstavljamo useEffect;
  • Korišćenje kuke useEffect().;
  • useEffect & Zavisnosti;
  • Šta dodati i ne dodati kao zavisnosti;
  • Korišćenje funkcije useEffect Cleanup;
  • useEffect Rezime;
  • Predstavljamo use Reducer i reduktore uopšte;
  • Korišćenje kuke useReducer().;
  • useReducer & useEffect;
  • Dodavanje ugnežđenih svojstava kao zavisnosti za useEffect;
  • useReducer protiv useState za upravljanje stanjem;
  • Predstavljamo React Contekt (Contekt API);
  • Korišćenje React Contekt API-ja;
  • Tapkanje u kontekst pomoću kuke useContekt;
  • Omogućavanje dinamičkog konteksta;
  • Izgradnja i korišćenje komponente dobavljača prilagođenog konteksta;
  • React Context Limitations;
  • Učenje “Pravila za udicu”;
  • Refaktorisanje ulazne komponente;
  • Zaroniti u „Ref.;
  • Modul Resources;

 

 

  • Uvod u modul;
  • Pokretanje podešavanja;
  • Dodavanje komponente “Header”.;
  • Dodavanje komponente dugmeta „Kolica“.;
  • Dodavanje komponente „Obroci“.;
  • Dodavanje pojedinačnih obroka i njihovo prikazivanje;
  • Dodavanje obrasca;
  • Popravljanje ID-ova unosa obrasca;
  • Rad na komponenti “Kopa za kupovinu”.;
  • Dodavanje modala preko React portala;
  • Upravljanje kolicima i modalnim stanjem;
  • Dodavanje konteksta korpe;
  • Korišćenje konteksta;
  • Dodavanje reduktora kolica;
  • Rad sa Refs & Forward Refs;
  • Izlaz artikala iz korpe;
  • Rad na složenijoj logici reduktora;
  • Uklanjanje predmeta;
  • Korišćenje useEffect Hook-a;
  • Modul Resources;
  • Uvod u modul;
  • Kako React zaista funkcioniše;
  • Ažuriranja komponenti u akciji;
  • Bliži pogled na ponovnu evaluaciju dečije komponente;
  • Spriječavanje nepotrebnih ponovnih procena pomoću React.memo();
  • Spriječavanje ponovnog kreiranja funkcije pomoću useCallback();
  • useCallback() i njegove zavisnosti;
  • Prvi rezime;
  • Bliži pogled na stanje i komponente;
  • Razumijevanje državnog zakazivanja i batching-a;
  • Optimizacija pomoću useMemo();
  • Modul Resources;
  • Uvod u modul;
  • Šta i zašto;
  • Dodavanje komponente zasnovane na prvoj klasi;
  • Rad sa stanjem i događajima;
  • Životni ciklus komponente (samo komponente zasnovane na klasama!);
  • Metode životnog ciklusa u akciji;
  • Komponente i kontekst zasnovane na klasi;
  • Klase zasnovane na funkcionalnim komponentama: Rezime;
  • Predstavljamo granice grešaka;
  • Modul Resources;
  • Uvod u modul;
  • Kako se (ne) povezati sa bazom podataka;
  • Naša početna aplikacija i pozadina;
  • Slanje GET zahtjeva;
  • Korišćenje asinc / avait;
  • Rukovanje učitavanjem i stanjem podataka;
  • Rukovanje Http greškama;
  • Korišćenje useEffect() za zahtjeve;
  • Priprema projekta za naredne korake;
  • Slanje POST zahtjeva;
  • Upakovati;
  • Modul Resources;
  • Uvod u modul;
  • Šta su „Custom Hooks“?;
  • Kreiranje prilagođene React Hook funkcije;
  • Korišćenje Custom Hooks;
  • Konfigurisanje Custom Hooks;
  • Napred do realnijeg primjera;
  • Pravljenje Custom Http Hook;
  • Korišćenje Cusom Http Hook;
  • Podešavanje Custom Hook logike;
  • Korišćenje Custom Hook u više komponenti;
  • Modul Resources;
  • Uvod u modul;
  • Naše početno podešavanje;
  • Šta je tako složeno u obrascima?;
  • Rad sa podnošenjem obrasca i dobijanje vrijednosti za unos korisnika;
  • Dodavanje osnovne validacije;
  • Pružanje povratnih informacija o validaciji;
  • Rukovanje “bio dirnut” države;
  • Reagujte na izgubljeni fokus;
  • Refaktoring & Deriving State;
  • Upravljanje celokupnom valjanošću obrasca;
  • Vrijeme za vježbanje: obrasci;
  • Dodavanje prilagođene kuke za unos;
  • Ponovno korišćenje prilagođene kuke;
  • Izazov za vas!;
  • Primjena naše kuke i znanja na novu formu;
  • Rezime;
  • Bonus: Korišćenje useReducer();
  • Modul Resources;
  • Uvod u modul;
  • Premiještanje podataka o „obrocima“ u pozadinu;
  • Preuzimanje obroka preko Http-a;
  • Rukovanje stanjem učitavanja;
  • Rukovanje greškama;
  • Dodavanje obrasca za naplatu;
  • Čitanje vrijednosti forme;
  • Dodavanje validacije obrasca;
  • Slanje i slanje podataka o korpi;
  • Dodavanje boljih povratnih informacija korisnika;
  • Rezime;
  • Modul Resources;

 

  • Uvod u modul;
  • Još jedan pogled na stanje u React aplikacijama;
  • Redux vs React kontekst;
  • Kako Redux radi;
  • Istraživanje osnovnih Redux koncepata;
  • Više Redux osnova;
  • Priprema novog projekta;
  • Kreiranje Redux prodavnice za React;
  • Obezbeđivanje prodavnice;
  • Korišćenje Redux podataka u React komponentama;
  • Raspoređivanje radnji iz unutrašnjih komponenti;
  • Reduk sa komponentama zasnovanim na klasama;
  • Priključivanje korisnog opterećenja na akcije;
  • Rad sa višestrukim državnim svojstvima;
  • Kako ispravno raditi sa Redux State-om;
  • Reduk izazovi i predstavljanje Redux kompleta alata;
  • Dodavanje isečaka stanja;
  • Connecting Redux Toolkit State;
  • Migracija svega u Redux Toolkit;
  • Rad sa višestrukim rezovima;
  • Čitanje i otpremanje iz novog dela;
  • Čišćenje našeg koda;
  • Rezime;
  • Modul Resources;
  • Uvod u modul;
  • Redux i neželjeni efekti (i asinhroni kod);
  • Refreshher / Practice: Part ½;
  • Refreshher / Practice: Part 2/2;
  • Redux & Asinc kod;
  • Frontend kod naspram pozadinski kod;
  • Gde da stavimo našu logiku;
  • Korišćenje useEffect-a sa Redux-om;
  • Problem sa useEffect();
  • Rukovanje Http državama i povratnim informacijama pomoću Redux-a;
  • Korišćenje Action Creator Thunk;
  • Početak rada sa preuzimanjem podataka;
  • Završavanje logike preuzimanja;
  • Istraživanje Redux DevTools;
  • Rezime;
  • Module Resources;
  • Uvod u modul;
  • Šta je rutiranje i zašto?;
  • Instaliranje React rutera;
  • Definisanje i korišćenje ruta;
  • Rad sa vezama;
  • Korišćenje NavLinks-a;
  • Dodavanje dinamičkih ruta sa parametrima;
  • Ekstrahovanje parametara rute;
  • Korišćenje “Switch” i “ekact” za konfigurisanje ruta;
  • Rad sa ugnežđenim rutama;
  • Preusmjeravanje korisnika;
  • Vrijeme za vježbanje: napred do novog projekta;
  • Vježbajte preusmjeravanje i izdvajanje parametara;
  • Vježbanje ugnežđenih ruta;
  • Dodavanje komponente omotača rasporeda;
  • Dodavanje lažnih podataka i više sadržaja;
  • Iznos podataka na stranici „Detalji“.;
  • Dodavanje stranice „Nije pronađeno“.;
  • Implementacija programske (imperativne) navigacije;
  • Sprečavanje mogućih neželjenih tranzicija rute pomoću komponente „Prompt“.;
  • Rad sa parametrima upita;
  • Budite kreativni sa ugnežđenim rutama;
  • Pisanje fleksibilnijeg koda za rutiranje;
  • Slanje i dobijanje podataka o ponudi preko Http-a;
  • Dodavanje funkcija „Komentari“.;
  • Nadogradnja na React Router v6;
  • Module Resources;

 

  • Uvod u modul;
  • Koraci implementacije;
  • Dodavanje odloženog učitavanja;
  • Izgradnja koda za proizvodnju;
  • Prvi koraci sa primjenom (otpremanje datoteka);
  • Istraživanje problema rutiranja i završetak implementacije;
  • Modul Resources;
  • Uvod u modul;
  • Šta, kako i zašto?;
  • Više o „Tokeni za autentifikaciju“;
  • Pokretanje podešavanja i prvi koraci;
  • Dodavanje registracije korisnika;
  • Prikazivanje povratnih informacija korisniku;
  • Dodavanje korisničkog pristupa;
  • Upravljanje stanjem Auth sa kontekstom;
  • Korišćenje tokena za zahtjeve za zaštićene resurse;
  • Preusmjeravanje korisnika;
  • Dodavanje odjave;
  • Zaštita frontend stranica;
  • Trajan status autentifikacije korisnika;
  • Dodavanje automatske odjave;
  • Završni koraci;
  • Modul Resources;
  • Uvod u modul;
  • Šta je NextJS?;
  • Ključna karakteristika 1: Ugrađeno prikazivanje na strani servera (poboljšano SEO!);
  • Ključna karakteristika 2: Pojednostavljeno rutiranje sa rutiranjem zasnovano na fajlovima;
  • Ključna karakteristika 3: Napravite fullstack aplikacije;
  • Kreiranje novog Nekt.js projekta i aplikacije;
  • Analiza kreiranog projekta;
  • Dodavanje prvih stranica;
  • Dodavanje ugnežđenih putanja i stranica (ugnežđene rute);
  • Pravljenje dinamičkih stranica (sa parametrima);
  • Ekstrahovanje vrednosti dinamičkih parametara;
  • Povezivanje između stranica;
  • Napred u veći projekat!;
  • Priprema stranica projekta;
  • Izlaz liste sastanaka;
  • Dodavanje novog obrasca za sastanak;
  • Omotač datoteka i rasporeda „_app.js“.;
  • Korišćenje programske (imperativne) navigacije;
  • Dodavanje prilagođenih komponenti i CSS modula;
  • Kako funkcioniše unapred prikazivanje i sa kojim problemom se suočavamo;
  • Preuzimanje podataka za statičke stranice;
  • Više o generisanju statičkog sajta (SSG);
  • Istraživanje renderovanja na strani servera (SSR) sa „getServerSideProps“;
  • Rad sa parametrima za preuzimanje podataka SSG-a;
  • Priprema putanja sa „getStaticPaths“ i rad sa rezervnim stranicama;
  • Predstavljamo API rute;
  • Rad sa MongoDB;
  • Slanje HTTP zahtjeva našim API rutama;
  • Dobijanje podataka iz baze podataka;
  • Dobijanje podataka o detaljima sastanka i priprema stranica;
  • Dodavanje “glavnih” metapodataka;
  • Primjena Nekt.js projekata;
  • Korišćenje rezervnih stranica i ponovno postavljanje;
  • Rezime;
  • Module Resources;
  • Uvod u modul;
  • Priprema demo projekta;
  • Korišćenje CSS prelaza;
  • Korišćenje CSS animacija;
  • CSS tranzicija i ograničenja animacije;
  • Korišćenje ReactTransitionGroup;
  • Korišćenje prelazne komponente;
  • Omotavanje prelazne komponente;
  • Animation Timings;
  • Tranzicioni događaji;
  • Komponenta CSSTransition;
  • Prilagođavanje CSS imena klasa;
  • Animiranje lista;
  • Alternativni animacijski paketi;
  • Upakovati;
  • Modul Resources;

 

  • Uvod u modul;
  • Pokretanje projekta i zašto biste zamenili Redux;
  • Alternativa: Korišćenje kontekstnog API-ja;
  • Prebacivanje favorita pomoću kontekstnog API-ja;
  • Rezime API konteksta (i zašto ga NE koristiti umesto Redux-a);
  • Početak rada sa prilagođenom kukom kao prodavnicom;
  • Završavanje Store Hook-a;
  • Stvaranje prodavnice betona;
  • Korišćenje prilagođene prodavnice;
  • Custom Hook Store Rezime;
  • Optimizacija prodavnice prilagođenih kukica;
  • Bonus: Upravljanje višestrukim djelovima stanja pomoću kuke prilagođene prodavnice;
  • Pripremiti;
  • Modul Resources;
  • Uvod u modul;
  • Šta i zašto?;
  • Razumijevanje različitih vrsta testova;
  • Šta testirati i kako testirati;
  • Razumijevanje tehničkog podešavanja i uključenih alata;
  • Pokretanje prvog testa;
  • Pisanje našeg prvog testa;
  • Grupisanje testova zajedno sa test paketima;
  • Testiranje korisničke interakcije i stanja;
  • Testiranje povezanih komponenti;
  • Testiranje asinhronog koda;
  • Rad sa rugama;
  • Rezime i dodatni resursi;
  • Modul Resources;

 

  • Uvod u modul;
  • Šta i zašto?;
  • Instaliranje i korišćenje TipeScript-a;
  • Istraživanje osnovnih tipova;
  • Rad sa tipovima niza i objekata;
  • Razumijevanje zaključivanja tipa;
  • Korišćenje tipova sindikata;
  • Razumijevanje pseudonima tipa;
  • Funkcije i tipovi funkcija;
  • Ronjenje u generičke lijekove;
  • Bliži pogled na generičke ljekove;
  • Kreiranje React + TypeScript projekta;
  • Rad sa komponentama i TipeScript-om;
  • Rad sa rekvizitima i TypeScript-om;
  • Dodavanje modela podataka;
  • Vrijeme za vježbanje: vrijeme za vježbanje!;
  • Podnošenje obrazaca u TypeScript projektima;
  • Rad sa referencama & useRef;
  • Rad sa “funkcijskim rekvizitima”;
  • Upravljanje stanjem i TypeScript-om;
  • Dodavanje stila;
  • Vrijeme za vježbanje: Uklanjanje Todo-a;
  • Kontekstni API in TypeScript;
  • Rezime;
  • Bonus: Istraživanje tsconfig.json;
  • Modul Resources;
  • Uvod u modul;
  • Šta su React Hooks?;
  • Početni projekat;
  • Prvi koraci sa useState();
  • Više o useState() i ažuriranju stanja;
  • Destrukturiranje niza;
  • Više država;
  • Pravila kuka;
  • Prenošenje podataka o stanju kroz komponente;
  • Vrijeme za vježbanje: osnove udica;
  • Slanje HTTP zahtjeva;
  • useEffect() & Učitavanje podataka;
  • Razumijevanje zavisnosti useEffect().;
  • Više o useEffect();
  • Šta je useCallback()?;
  • Rad sa referencama i useRef();
  • Čišćenje pomoću useEffect();
  • Brisanje sastojaka;
  • Greške pri učitavanju i grupisanje stanja;
  • Više o državnim paketima i ažuriranjima stanja;
  • Razumijevanje useReducer();
  • Korišćenje useReducer() za Http stanje;
  • Rad sa useContekt();
  • Optimizacije performansi sa useMemo();
  • Početak rada sa prilagođenim kukicama;
  • Deljenje podataka između prilagođenih kukica i komponenti;
  • Korišćenje prilagođene kuke;
  • Upakovati;
  • Modul Resources;
  • Uvod u modul;
  • Šta je React?;
  • Zašto reagovati?;
  • Izgradnja SPA (aplikacije na jednoj stranici);
  • React Alternatives;
  • Kreiranje React projekta;
  • Podešavanje uređivača koda;
  • Zaroniti u stvoreni projekat;
  • Kako React funkcioniše i razumijevanje komponenti;
  • Više rada sa komponentama i stilizovanja sa CSS klasama;
  • Izgradnja i ponovno korišćenje druge komponente;
  • Rad sa „rekvizitima“ i dinamičkim sadržajem;
  • Rukovanje događajima;
  • Dodavanje više komponenti;
  • Introducing State;
  • Rad sa „rekvizitima događaja“ (pronošenje funkcije kao rekvizita);
  • Koristite pravu verziju React rutera;
  • Dodavanje rutiranja;
  • Dodavanje veza i navigacije;
  • Stiliziranje pomoću CSS modula;
  • Izlaz lista podataka;
  • Dodavanje više React komponenti;
  • Building Vrapper Components with props.children;
  • Dodavanje obrasca;
  • Dobijanje korisničkog unosa i rukovanje podnošenjem obrasca;
  • Priprema aplikacije za Http;
  • Slanje POST zahtjeva;
  • Programska navigacija;
  • Početak rada sa preuzimanjem podataka;
  • Korišćenje kuke useEffect().;
  • Predstavljamo React kontekst;
  • Logika konteksta i različiti načini ažuriranja stanja;
  • Korišćenje konteksta u komponentama;
  • Više korišćenja konteksta;
  • Rezime;
  • Module Resources;
  • Šta sad? Sledeći koraci koje biste mogli da preduzmete!;
  • Istražite React ekosistem!;
  • Finishing Thoughts;
  • Bonus!;
  • Pregled ažuriranja kursa, objašnjenje i vodič za migraciju;
  • Ažuriranje kursa i vodič za migraciju;
  • Preuzimanje sadržaja starog kursa;
PREDAVAČ
Edukativna online platforma
Edukativna online platforma

Iskustva polaznika

Kurs info

Datum početka: 01.02.2022.
Datum završetka: 01.05.2022.
Broj učesnika: 20
Trajanje kursa: 48 sati video materijala
Nivo: Osnovni, Srednji
Cijena kursa: Besplatno
Sertifikovan: Ne
Programiranje
React - Kompletan vodič (uključujući Hooks, React Router, Redux)
ICT Cortex

Help desk

HR Platforma

Registar članica

Prijavna forma - Korteks akademija 2021/2022