7 cele mai bune tutoriale gratuite pentru a învăța React și a crea aplicații web

Publicitate

În acest moment, nu numai că React este la apogeul popularității sale, dar popularitatea sa se accelerează. Până la Dezvoltarea web JavaScript este în cauză Programare vs. Dezvoltare web: care este diferența?Ai putea crede că programatorii de aplicații și dezvoltatorii web fac aceeași treabă, dar asta este departe de adevăr. Iată diferențele cheie dintre programatori și dezvoltatorii web. Citeste mai mult , React este unul dintre cele mai ușor de învățat și unul dintre cele mai eficiente pentru o dezvoltare rapidă și robustă.

Așa că, dacă te-ai hotărât să-l înveți, mângâie-te pe spate: ai făcut o alegere inteligentă.

Singura problemă este că cele mai valoroase cursuri React vin cu un preț ridicat. De exemplu, cel foarte apreciat Reacționează pentru cursul pentru începători este de 89 USD (versiunea de pornire) și 127 USD (versiunea principală). Cursurile gratuite sunt rareori la fel de cuprinzătoare și utile - dar am găsit câteva care sunt excelent și vă va face să începeți cu piciorul potrivit

Ce face un tutorial de programare bun?Nu toate tutorialele de programare sunt egale. Unele vă ajută, iar altele ajung să vă piardă timpul. Iată ce să cauți într-un tutorial de programare de calitate. Citeste mai mult .

1. Cursul Fundamentele React Training

Tyler McGinnis este un cunoscut dezvoltator și instructor React care predă și scrie despre React de ani de zile. În prezent, are patru cursuri disponibile pe React Training [Nu mai sunt disponibile], primul dintre care este complet gratuit și servește drept punct de intrare pentru celelalte.

React Fundamentals este împărțit în 32 de lecții video care însumează până la trei ore întregi de educație. Veți învăța tot ce aveți nevoie pentru a pune în funcțiune o aplicație React de bază (de exemplu, ecosistemul React, NPM, Babel și Webpack), conceptele de bază și ciclul de viață care conduc aplicațiile React, cum să scrieți corect componentele și cum să transmiteți datele în jurul.

Este dens. Este informativ. Este introducerea perfectă, iar faptul că McGinnis o oferă gratuit este destul de minunat. Aceasta ar trebui să fie prima ta oprire când înveți React.

Site-ul web — Curs React Fundamentals [Nu mai este disponibil]

2. Hacking cu React

Hacking cu React este o carte electronică complet gratuită, de la cap la cap, dacă citiți versiunea numai pentru web. Puteți lua o versiune descărcabilă PDF, EPUB sau MOBI a acesteia pentru 10 USD dacă preferați să o luați cu dvs. și să învățați offline. Oricum, este o resursă minunată pentru începătorii cărora nu le plac videoclipurile.

Începe de la început, explicând concepte de bază precum JSX și componente și elemente de recuzită și vă ține de mână în timp ce absolviți subiecte intermediare precum stări, rutare, teste, scame și Mai Mult. Este scris în ES6 de la început până la sfârșit și veți învăța cele mai bune practici pe parcurs, inclusiv Babel, Webpack și ESLint.

Te va face expert în React? Nu, dar asta voi să te asiguri suficient de confortabil pentru a te simți încrezător și pentru a continua să înveți. Cel puțin, veți ști mai mult decât suficient React pentru a decide dacă să cheltuiți bani pentru un curs premium avansat în altă parte.

Site-ul web — Hacking cu React

3. Tutorialul oficial React

Ai crede că tutorialul oficial ar trebui să fie primul loc în care să te uiți pentru a învăța React, dar eu personal l-a găsit puțin prea rapid pentru începători completi - presupunea mult mai multe cunoștințe decât majoritatea începătorii au. Este perfect dacă ați avut experiență anterioară cu un alt cadru web JavaScript.

Acestea fiind spuse, tutorialul oficial React este fantastic odată ce ai învățat conceptele de bază ale React și te străduiești să le pui în practică. Vă conduce prin crearea unei aplicații web tic-tac-toe folosind nimic mai mult decât componente, elemente de recuzită și stare. Ea face o punte între teoria abstractă și aplicarea practică.

De asemenea, recomand să verificați documentația oficială React, care explică fiecare parte din React într-o cantitate surprinzătoare de detalii. În special, cel Gândind în React pagina este ca un mini-tutorial despre înțelegerea idiomurilor care conduc React. Nu vă fie teamă să vă referiți la documentația React din nou și din nou pe măsură ce învățați și creați propriile aplicații.

Site-ul web — Tutorialul oficial React și Gândind în React

4. Cursul Egghead’s React Fundamentals

Cap de ou oferă zeci de cursuri (sute de lecții) pe diverse teme de dezvoltare web: JavaScript, Angular, React, RxJS, Node, TypeScript etc. React este al treilea subiect ca marime de pe site și, deși majoritatea cursurilor sunt pentru utilizatori premium, există cinci disponibile gratuit:

• Începeți să utilizați React pentru a crea aplicații web
• Adăugați rutare la aplicațiile React folosind React Router v4
• Noțiuni introductive cu Redux
• Construirea de aplicații React cu Idiomatic Redux
• Gestionați starea complexă în aplicațiile React cu MobX

Primele două sunt cele mai importante, dar probabil că veți dori să le luați pe toate la un moment dat (optim în ordinea enumerată). Cursurile presupun că știți deja JavaScript, așa că consultați cursurile JavaScript de la Egghead dacă încă nu vă simțiți confortabil cu limba 7 trucuri utile pentru stăpânirea unui nou limbaj de programareEste în regulă să fii copleșit când înveți să codificați. Probabil că vei uita lucrurile la fel de repede pe măsură ce le vei învăța. Aceste sfaturi vă pot ajuta să păstrați mai bine toate aceste informații noi. Citeste mai mult .

Rețineți că și cursurile premium sunt destul de bune și merită verificate dacă vă puteți permite abonamentul Pro: 40 USD pe lună sau 200 USD pe an.

Site-ul web — Cursul Egghead’s React Fundamentals

5. Învață React și Redux With Cabin

Deși Redux nu face parte din cadrul principal React, sunt atât de des folosite împreună încât ar trebui să înveți. Și chiar dacă în cele din urmă te îndepărtezi de Redux, poți lua conceptele cu tine și le poți aplica la orice vei ajunge să folosești în locul lui.

Cabină este o serie de tutoriale din 10 părți care vă va învăța cum să creați o aplicație de rețea socială simplificată de la zero: instalarea Node/React/Webpack, înțelegerea cum funcționează React, încorporând Redux, gestionând funcțiile rețelelor sociale, cum ar fi feed-urile și notificările, procesarea imaginilor și filtrelor precum Instagram și Mai Mult.

Ultima parte este o prezentare generală a „cele mai bune practici” care nu numai că vă învață cel mai eficient mod de a utiliza și organiza React/Redux, dar și greșeli comune de evitat, cum să proiectați o aplicație scalabilă și cum să utilizați instrumente terțe pentru a vă ușura dezvoltarea fluxul de lucru.

Site-ul web — Învață React și Redux With Cabin

6. Cursul React al LearnCode Academy

In ultimii ani, LearnCode Academy s-a remarcat ca fiind unul dintre cele mai bune canale de programare de pe YouTube Cele mai bune 17 tutoriale de programare YouTubeÎn această postare, am dori să vă indicăm unele dintre cele mai bune seriale de programare YouTube pe care le-am găsit. Toate acestea sunt suficiente pentru a vă uda picioarele ca programator începător. Citeste mai mult . S-a specializat în dezvoltarea web și acoperă tot felul de subiecte, de la HTML, CSS și JavaScript până la cadre specifice precum Angular și React. Și totul este gratuit.

Cursul este împărțit în trei secțiuni: opt videoclipuri despre conceptele de bază React, șase videoclipuri despre utilizarea Flux pentru arhitectura de date și șapte videoclipuri despre utilizarea Redux pentru a gestiona starea. Toate acestea se realizează folosind practici actualizate, inclusiv ES6 și Webpack.

Rețineți că acesta nu este un curs cuprinzător, iar Flux și Redux sunt ambele concepte avansate care nu fac parte din nucleu Cadru React, așa că vă recomandăm să folosiți acest curs ca o modalitate de a revizui și de a consolida conceptele învățate în cursurile de mai sus.

Site-ul web — Cursul React al LearnCode Academy

7. Convenția React

Unii programatori preferă să codifice prin convenție - adică să adere la un anumit set de decizii de proiectare („convenții”) de la proiect cu proiect pentru a minimiza complexitatea și a accelera procesul de dezvoltare, în special în stadiul incipient al noului proiecte. Această carte electronică online își propune să prezinte un tip de convenție pe care dezvoltatorii React o pot urma.

Cu toate acestea, înainte de a te scufunda în acest lucru, ar trebui să fii deja versat în ES6, să fii confortabil cu framework-ul React și să înțelegi elementele de bază ale Redux. Această carte electronică nu este pentru începători în sine. Mai degrabă, este util pentru intermediarii care se simt copleșiți și nu sunt siguri cum să-și transforme cunoștințele React/Redux în aplicații web de la zero.

Tutorialul începe cu un proiect de kit de pornire și vă arată cum să îl modificați. Urmând această convenție în proiectele viitoare, nu va trebui să pierdeți timpul recreând totul.

Site-ul web — Convenția React

Deci ai învățat să reacționezi: acum ce?

Cu aceste tutoriale sub control, ar trebui să fii mai mult decât suficient de informat pentru a începe să creezi propriile aplicații web cu React. În acest moment, tot ce rămâne este să exersezi, să exersezi, să exersezi. Și ceea ce este deosebit de grozav este că poți mai târziu utilizați React Native pentru a crea aplicații mobile Pentru a construi o aplicație Android, trebuie să înveți aceste 7 limbaje de programareCe limbaj de programare este potrivit pentru a crea aplicații Android? Se reduce la istoricul tău de programare și la ce limbi te simți cel mai confortabil să folosești. Din fericire, ai opțiuni. Citeste mai mult — dar nu te devansa. Rămâneți cu aplicațiile web până când sunteți încrezător.

Va fi un drum dificil, așa că vă recomandăm să consultați articolul nostru despre invata cum sa programezi fara stres Cum să înveți programarea fără tot stresulPoate ai decis să te apuci de programare, fie pentru o carieră, fie doar ca un hobby. Grozav! Dar poate că începi să te simți copleșit. Nu prea grozav. Iată ajutor pentru a vă ușura călătoria. Citeste mai mult . Doar pentru că te lupți nu înseamnă nu ești făcut să fii programator 6 semne că nu ești menit să fii programatorNu toată lumea este făcută pentru a fi programator. Dacă nu ești complet sigur că ești menit să fii programator, iată câteva semne care te pot îndrepta în direcția corectă. Citeste mai mult !

Pentru mai multe învățare, verificați cele mai bune cursuri pentru care merită plătite pe Coursera Cele mai bune 11 site-uri pentru cursuri online gratuite de programare a computerelorFolosind aceste cursuri online gratuite de programare a computerelor, puteți deveni un programator grozav fără o diplomă de informatică. Citeste mai mult .

Sperăm că aceste tutoriale gratuite v-au ajutat! Dacă știți despre alte resurse React gratuite pe care le-am ratat, vă rugăm să ne anunțați într-un comentariu de mai jos.

Credit imagine: guteksk7 prin Shutterstock.com