Skip to content

Curs complet React 2020 – Învățați elementele fundamentale, Hooks, Context API, React Router, Custom Hooks

Curs complet React 2020 – Învățați elementele fundamentale, Hooks, Context API, React Router, Custom Hooks

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:https://www.youtube.com/watch?v=a_7Z7C_JCyo/>
✏️ 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

Leave a Reply

Your email address will not be published. Required fields are marked *