Aflați elementele de bază ale React în acest curs cuprinzător. Veți afla despre elementele fundamentale, cârlige, API de context, router de reacție, cârlige personalizate și multe altele.
React este una dintre cele mai populare moduri de a construi interfețe cu utilizatorul folosind JavaScript.
🎥 Videoclipul proiectelor React:
✏️ Curs de la John Smilga al canalului Coding Addict. Vezi canalul lui: https://www.youtube.com/codingaddict
💻 Cod React de bază: https://github.com/john-smilga/react-basics-2020
💻 Reacție avansată: https://github.com/john-smilga/react-advanced-2020
⭐️ Conținutul cursului ⭐️
⌨️ (00:00) Introducere
⌨️ (01:09) Despre React
⌨️ (06:51) Goluri
⌨️ (08:50) Structură
⌨️ (09:46) Cerințe pentru curs
⌨️ (11:45) Configurarea mediului de dezvoltare
⌨️ (16:26) Configurare editor de text
⌨️ (18:20) Noțiuni de bază pentru linia de comandă
⌨️ (25:00) Noțiuni de bază NPM
⌨️ (35:07) Create-React-App
⌨️ (37:05) Instalați aplicația Create-React-App
⌨️ (43:19) Structura folderului
⌨️ (52:25) Curăță Boilerplate
⌨️ (54:00) Prima componentă
⌨️ (1:04:13) Configurare editor de text
⌨️ (1:12:29) Prima componentă în detaliu
⌨️ (1:19:18) Reguli JSX
⌨️ (1:28:55) Componente și instrumente imbricate
⌨️ (1:34:50) Proiect de mini carte
⌨️ (1:42:59) Noțiuni de bază CSS
⌨️ (1:54:41) JSX Css
⌨️ (2:01:31) JSX Javascript
⌨️ (2:09:30) Recuzită
⌨️ (2:25:41) Destructurarea recuzitei
⌨️ (2:29:44) Recuzită – Copii
⌨️ (2:36:13) Listă simplă
⌨️ (2:45:12) Lista corectă
⌨️ (2:52:49) Operator cheie de prop și răspândire
⌨️ (2:58:52) Elemente de bază ale evenimentului
⌨️ (3:11:12) Declarații de import și export
⌨️ (3:23:25) Găzduire gratuită
⌨️ (3:28:22) Introducere avansată
⌨️ (3:30:42) Obțineți proiectul de pornire
⌨️ (3:31:35) Instalați Starter
⌨️ (3:33:43) Prezentare generală pentru începători
⌨️ (3:39:00) UseState – Caz de utilizare simplu
⌨️ (3:48:44) UseState – Noțiuni de bază
⌨️ (4:00:47) Reguli generale ale cârligelor
⌨️ (4:03:39) UseState – Exemplu de matrice
⌨️ (4:17:27) UseState – Exemplu de obiect
⌨️ (4:23:00) UseState – valori multiple de stare
⌨️ (4:26:17) Contor simplu
⌨️ (4:32:10) Formular de actualizare funcțională
⌨️ (4:44:55) Proiect de potrivire
⌨️ (4:47:27) useEffect – Noțiuni de bază
⌨️ (4:57:47) useEffect – Condițional
⌨️ (5:01:40) useEffect – Listă de dependențe
⌨️ (5:07:13) useEffect – Funcția de curățare
⌨️ (5:19:24) useEffect – Preluare date
⌨️ (5:31:29) Retururi multiple
⌨️ (5:37:09) Retururi multiple – Preluare date
⌨️ (5:52:07) Evaluare scurtcircuit
⌨️ (6:02:50) Operator ternar
⌨️ (6:11:30) Afișați/Ascundeți componenta
⌨️ (6:20:15) Noțiuni de bază pentru formular
⌨️ (6:28:53) Intrări controlate
⌨️ (6:38:09) Adăugați un articol pe listă
⌨️ (6:50:32) Intrări multiple
⌨️ (7:06:29) utilizațiRef
⌨️ (7:16:20) useReducer – UseState Setup
⌨️ (7:29:52) folosește Reducer – Refactor
⌨️ (7:37:15) useReducer – Adăugați element
⌨️ (7:53:14) useReducer – Eliminați elementul
⌨️ (8:00:56) Foraj cu propti –
⌨️ (8:14:36) Context API / – useContext
⌨️ (8:26:22) Cârlige personalizate – folosește Fetch
⌨️ (8:38:09) PropTypes – Configurare
⌨️ (8:47:48) PropTypes – Imagini
⌨️ (8:55:48) PropTypes – Valori implicite
⌨️ (9:00:41) React Router Intro
⌨️ (9:05:52) React Router – Configurare de bază
⌨️ (9:15:50) React Router – Eroare și componentă de comutare
⌨️ (9:18:51) React Router – Linkuri
⌨️ (9:23:22) React Router – Parametri URL și substituent
⌨️ (9:37:51) Avertisment de optimizare React
⌨️ (9:41:21) React.memo
⌨️ (9:49:50) utilizați Callback
⌨️ (9:58:00) utilizați Memo
⌨️ (10:04:15) useCallback – Preluare exemplu
—
Î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://freecodecamp.org/news
Cursuri interesante:
- Curs pentru dezvoltatori Full Stack React cu Appwrite
- React Coding Interviu Prep – 30 de întrebări și răspunsuri
- Curs React JS pentru începători – Tutorial 2021
- React State Management – Curs intermediar JavaScript
- Curs React – Tutorial pentru începători pentru biblioteca React JavaScript[2022]
- Tutorial complet React Native Web – Creați o aplicație de antrenament pentru iOS, Android și web
- Tutorial MERN Stack – Proiect Book Store
- React Router 6 – Tutorial pentru începători
- React JavaScript Framework pentru începători – Curs bazat pe proiecte
- Învață React 18 cu Redux Toolkit – Tutorial complet pentru începători