React.js este o bibliotecă JavaScript pentru construirea de aplicații web dinamice. La finalizarea acestui curs, veți ști tot ce aveți nevoie pentru a construi aplicații web în React. De asemenea, puteți încerca versiunea interactivă a cursului aici: https://scrimba.com/g/glearnreact
Această introducere cuprinzătoare la React a fost creată de Bob Ziroll (@bobziroll). Bob este director de educație la V School, o școală premiată de educație tehnologică.
🔗Link pentru tutorial Hell menționat în videoclip: https://codeburst.io/digging-my-way-out-of-tutorial-hell-6dd5f9927384
🔗Video DOM virtual menționat:
Verificați comentariul de sus pentru a vedea ce cod trebuie să adăugați pentru ca React să funcționeze local.
⭐️Conținutul cursului ⭐️
⌨️ (0:00:00) Introducere la curs și filosofie
⌨️ (0:05:22) Ce vom construi
⌨️ (0:06:24) De ce să reacționezi?
⌨️ (0:09:25) ReactDOM și JSX
⌨️ (0:16:19) Practică ReactDOM și JSX
⌨️ (0:20:34) Componente funcționale
⌨️ (0:24:32) Practica componentelor funcționale
⌨️ (0:29:41) Mutați componentele în fișiere separate
⌨️ (0:35:07) Componente părinte/copil
⌨️ (0:43:14) Practică componentă părinte/copil
⌨️ (0:48:12) Aplicația Todo – Faza 1
⌨️ (0:50:50) Reacționează stilul cu clasele CSS
⌨️ (0:55:56) Câteva avertismente
⌨️ (0:58:12) JSX la JavaScript și înapoi
⌨️ (1:02:11) Stiluri în linie cu proprietatea Style
⌨️ (1:09:21) Aplicația Todo – Faza 2
⌨️ (1:12:42) Recuzită Partea 1 – Înțelegerea conceptului
⌨️ (1:14:56) Recuzită Partea 2 – Componente reutilizabile
⌨️ (1:17:29) Recuzite în React
⌨️ (1:29:39) Recuzită și practică de stil
⌨️ (1:40:25) Componente de cartografiere
⌨️ (1:48:27) Practică de cartografiere a componentelor
⌨️ (1:53:44) Aplicația Todo – Faza 3
⌨️ (1:58:16) Componente bazate pe clasă
⌨️ (2:03:32) Practica componentelor bazate pe clasă
⌨️ (2:07:11) Stat
⌨️ (2:12:08) Practică de stat
⌨️ (2:15:45) Practica de stat 2
⌨️ (2:19:59) Aplicația Todo – Faza 4
⌨️ (2:22:05) Gestionarea evenimentelor în React
⌨️ (2:25:52) Aplicația Todo – Faza 5
⌨️ (2:27:11) Starea în schimbare
⌨️ (2:39:29) Aplicația Todo – Faza 6
⌨️ (2:47:14) Metode ciclului de viață Partea 1
⌨️ (2:56:45) Metode ciclului de viață Partea 2
⌨️ (3:00:07) Redare condiționată
⌨️ (3:11:26) Redare condiționată partea 2
⌨️ (3:14:21) Practică de redare condiționată
⌨️ (3:23:00) Aplicația Todo – Faza 7
⌨️ (3:25:34) Preluarea datelor dintr-un API
⌨️ (3:36:34) Forme partea 1
⌨️ (3:48:55) Formele partea 2
⌨️ (4:00:11) Exercițiu de formulare
⌨️ (4:24:29) Arhitectură container/componentă
⌨️ (4:35:53) Proiectul Capstone Generator Meme
⌨️ (4:56:11) Scrierea aplicațiilor moderne React
⌨️ (5:02:17) Idei de proiecte pentru exersare
⌨️ (5:03:06) Concluzie
—
Învățați să codificați gratuit și obțineți un job de dezvoltator: https://www.freecodecamp.org
Citiți sute de articole despre programare: https://medium.freecodecamp.org
Cursuri interesante:
- Curs React – Tutorial pentru începători pentru biblioteca React JavaScript[2022]
- Învață JavaScript interactiv în NOUL Curriculum freeCodeCamp.org
- Cod 15 Proiecte React – Curs complet
- Creați o aplicație de chat – Curs tutorial React
- Curs pentru dezvoltatori Full Stack React cu Appwrite
- Învață React 18 cu Redux Toolkit – Tutorial complet pentru începători
- React & TypeScript – Curs pentru începători
- Tutorial Dropbox API / JavaScript ES6 – Organizator de cheltuieli
- Curs complet React 2020 – Învățați elementele fundamentale, Hooks, Context API, React Router, Custom Hooks
- Tutorial React Project – Creați un site web de portofoliu cu animații avansate