- Kompanija: ICT Cortex
- Broj modula: 31
Šta ćeš naučiti na kursu
- Naučićete da napravite moćne, brze, prilagođene korisniku i reaktivne web aplikacije;
- Naučićete da obezbijedite nevjerovatno korisničko iskustvo tako što ćete sa lakoćom iskoristiti snagu JavaScript-a;
- Naučićete kako da se prijavite za visoko plaćene poslove ili radite kao freelancer u jednom od najtraženijih sektora koje možete pronaći u web programiranju upravo sada;
- Saznaćete sve o React Hooks-u i React komponentama;
Uslovi za upis na kurs
- Osnove JavaScript + HTML + CSS su apsolutno neophodne;
- Trebalo bi da znate osnove o HTML-u i web razvoju opšte, preporučujemo Vam da pogledate kurs Osnovne HTML-a
- Poznavanje ES6+ JavaScript-a je korisno, ali nije neophodno;
- Engleski jezik
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!).
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;
by Logate and Bild Studio
