7 Best Free Tutorials for Learning React og Making Web Apps

For øyeblikket er ikke bare React på høyden av sin popularitet, men dens popularitet er akselerert. Så langt som JavaScript webutvikling er opptatt Programmering vs Webutvikling: Hva er forskjellen? Programmering vs Webutvikling: Hva er forskjellen? Du tror kanskje at applikasjonsprogrammerere og webutviklere gjør den samme jobben, men det er langt fra sannheten. Her er de viktigste forskjellene mellom programmerere og webutviklere. Les mer, React er en av de enkleste rammer for å lære og en av de mest effektive for rask og robust utvikling.

Så hvis du har bestemt deg for å lære det, klapp deg selv på ryggen: du har gjort et smart valg.

Det eneste problemet er at de fleste verdt React-kursene kommer med en heftig prislapp. For eksempel er det høyt anerkjente React for Beginners-kurset $ 89 (startversjon) og $ 127 (masterversjon). Gratis kurs er sjelden like omfattende og hjelpsomme - men vi har funnet flere som er gode og vil komme deg i gang på høyre fot. Hva gjør en god programmeringsveiledning? Hva gjør en god programmeringsveiledning? Ikke alle programmeringsopplæringene er gjort like. Noen drar nytte av deg og andre, og sliter bort tiden din. Her er det å se etter i en kvalitetsprogrammeringstutorial. Les mer .

1. Reag treningens grunnleggende kurs

Tyler McGinnis er en kjent React-utvikler og instruktør som har lært og skrevet om React i mange år. Han har for tiden fire kurs tilgjengelig på React Training, hvorav den første er helt gratis og tjener som inngangspunkt for de andre.

React Fundamentals er delt inn i 32 video leksjoner som legger opp til tre fulle timer med utdanning. Du lærer alt du trenger for å få en grunnleggende React-app opp og ned (dvs. Reag økosystem, NPM, Babel og Webpack), kjernekonseptene og livssyklusen som kjører React apps, hvordan du skriver komponenter riktig og hvordan du overfører data rundt.

Det er tett. Det er informativt. Det er den perfekte introduksjonen, og det faktum at McGinnis tilbyr det gratis er ganske fantastisk. Dette bør være ditt første stopp når du lærer React.

nettsted - React Fundamentals Course

2. Hacking With React

Hacking With React er en ebook som er helt gratis, deksel til å dekke, hvis du leser den eneste versjonen av nettverket. Du kan ta en nedlastbar PDF-, EPUB- eller MOBI-versjon av den for $ 10 hvis du helst vil ta den med deg og lære frakoblet. Uansett er det en fantastisk ressurs for å begynne som ikke liker videoer.

Det begynner helt fra begynnelsen, og forklarer grunnleggende begreper som JSX og komponenter og rekvisitter, og holder hånden mens du går ut på mellomliggende temaer som stater, ruting, tester, linting og mer. Den er skrevet i ES6, begynner å avslutte, og du lærer beste praksis underveis, inkludert Babel, Webpack og ESLint.

Vil det få deg til å reagere ekspert? Nei, men det vil få deg komfortabel nok til å føle seg trygg og fortsette å lære. I det minste vil du vite mer enn nok React for å bestemme om du skal bruke penger på et avansert premium kurs andre steder.

nettsted - Hacking With React

3. Den offisielle reaksjonsveiledningen

Du skulle tro at den offisielle opplæringen burde være det første stedet å se for å lære React, men jeg fant det litt for fort for komplette nybegynnere - det antok mye mer kunnskap enn de fleste nybegynnere har. Det er perfekt hvis du har hatt tidligere erfaring med et annet JavaScript-webramme.

Når det er sagt, den offisielle React-opplæringen er fantastisk når du har lært kjernekonseptene til React og sliter med å sette dem i praksis. Det tar deg gjennom etableringen av en tic-tac-toe web app ved hjelp av ingenting mer enn komponenter, rekvisitter og stat. Det overgår gapet mellom abstrakt teori og praktisk anvendelse.

Jeg anbefaler også å sjekke ut offisiell reaksjonsdokumentasjon, som forklarer hver bit av React i overraskende mengde detaljer. Spesielt, den Tenker i React siden er som en mini-opplæring om å gripe inn de idiomene som kjører React. Ikke vær redd for å se tilbake til React-dokumentasjonen igjen og igjen når du lærer og lager dine egne apper.

nettsted - Den offisielle reaksjonsveiledningen og tenkning i reaksjonen

4. Egghead React Fundamentals Course

intellektuell tilbyr dusinvis av kurs (hundrevis av leksjoner) på ulike webutvikling emner: JavaScript, Angular, React, RxJS, Node, TypeScript, etc. React er det tredje største emnet på nettstedet, og selv om de fleste kursene er for premium brukere, det er fem tilgjengelig gratis:

• Begynn å bruke React for å bygge webapplikasjoner
• Legg til ruting for å reagere Apps ved hjelp av React Router v4
• Komme i gang med Redux
• Building React applikasjoner med Idiomatic Redux
• Administrer kompleks stat i React Apps med MobX

De to første er de viktigste, men du vil sannsynligvis ønske å ta dem alle på et tidspunkt (optimalt i rekkefølgen som er oppført). Kursene antar at du allerede kjenner JavaScript, så sjekk ut Egghead's JavaScript-kurs hvis du ikke er komfortabel med språket ennå 7 Nyttige triks for å mestre et nytt programmeringsspråk 7 Nyttige triks for å mestre et nytt programmeringsspråk Det er greit å være overveldet når du er lære å kode. Du vil sikkert glemme ting så fort du lærer dem. Disse tipsene kan hjelpe deg å bedre beholde all den nye informasjonen. Les mer .

Vær oppmerksom på at premiekursene er ganske gode også, og de er verdt å sjekke ut hvis du har råd til Pro-abonnementet: $ 40 per måned eller $ 200 per år.

nettsted - Egghead React Fundamentals Course

5. Lær React og Redux Med Cabin

Selv om Redux ikke er en del av kjernereaksjonsrammen, blir de så ofte brukt sammen at du virkelig bør lære det. Og selv om du til slutt beveger deg bort fra Redux, kan du ta konseptene med deg og bruke dem til hva du ender med å bruke i stedet.

Hytte er en 10-dels opplæringsserie som lærer deg hvordan du lager et forenklet sosialt nettverksprogram fra grunnen: installere Node / React / Webpack, forstå hvordan React fungerer, inkorporerer Redux, som omhandler sosiale nettverkstjenester som feeds og varsler, behandler bilder og filtre som Instagram, og mer.

Den siste delen er en oversikt over “beste praksis” som ikke bare lærer deg den mest effektive måten å bruke og organisere React / Redux på, men også vanlige feil å unngå, hvordan du skal utforme en skalerbar app, og hvordan du bruker tredjepartsverktøy for å lette utviklingsarbeidet ditt.

nettsted - Lær React and Redux With Cabin

6. LearnCode Academy's React Course

I løpet av de siste årene, LearnCode Academy har skilt seg ut som en av de beste programmeringskanaler på YouTube De 17 beste programmene for YouTube-programmering De 17 beste programmene for YouTube-programmering I dette innlegget vil vi vise deg noen av de beste YouTube-programmeringsseriene vi har funnet. Alle disse er tilstrekkelige for å få føttene våte som nybegynner. Les mer . Den spesialiserer seg på webutvikling og dekker alle typer emner som spenner fra HTML, CSS og JavaScript til bestemte rammer som Angular and React. Og det er helt gratis.

Kurset er delt inn i tre seksjoner: åtte videoer på kjerne React-konsepter, seks videoer om bruk av Flux for datarchitecture og syv videoer om bruk av Redux for å administrere tilstand. Alt dette gjøres ved hjelp av up-to-date praksis, inkludert ES6 og Webpack.

Merk at dette ikke er et omfattende kurs, og Flux og Redux er begge avanserte konsepter som ikke er en del av kjernereaksjonsrammen, så vi anbefaler at du bruker dette kurset som en måte å revidere og sementere konsepter som er lært i kursene over.

nettsted - LearnCode Academy's React Course

7. Reaksjonskonvensjonen

Noen programmerere foretrekker å kode etter konvensjon - det vil si å følge et bestemt sett med designbeslutninger (“konvensjoner”) fra prosjekt til prosjekt for å minimere kompleksitet og fremskynde utviklingsprosessen, særlig i tidlig fase av nye prosjekter. Denne elektroniske boken tar sikte på å presentere en slags konvensjon som React-utviklere kan følge.

Før du dykker inn i dette, bør du imidlertid være velbevandret i ES6, komfortabel med React-rammen, og forstå grunnleggende Redux. Denne eBok er ikke for nybegynnere i seg selv. Snarere er det nyttig for mellomprodukter som føler seg overveldet og ikke sikker på hvordan de kan omdanne sin React / Redux-kunnskap til webprogrammer fra grunnen av.

Opplæringen starter med et startpakkeprosjekt og viser hvordan du kan endre det. Ved å følge denne konvensjonen i fremtidige prosjekter, trenger du ikke å kaste bort tid på å gjenskape alt.

nettsted - Reaksjonskonvensjonen

Så du har lært React: Nå Hva?

Med disse opplæringene under beltet ditt, bør du være mer enn kunnskapsrik nok til å begynne å lage dine egne webapper med React. På dette punktet er alt som er igjen å øve, øve, øve. Og det som er spesielt kult er at du senere kan bruke React Native til å lage mobilapper. For å bygge en Android-app trenger du å lære disse 7 programmeringsspråkene. Å bygge en Android-app trenger du å lære disse 7 programmeringsspråk. Hvilke programmeringsspråk passer for oppretter Android apps? Det kommer ned til programmeringshistorikken din og hvilke språk du føler deg mest komfortabel med å bruke. Heldigvis har du muligheter. Les mer - men kom ikke foran deg selv. Hold deg til webappene til du er trygg.

Det kommer til å være en tøff vei, så vi anbefaler å sjekke ut vår artikkel om hvordan du programmerer uten stress. Hvordan lære programmering uten all stress. Hvordan lære programmering uten all stress. Kanskje du har bestemt deg for å forfølge programmering, enten det er for en karriere eller bare som en hobby. Flott! Men kanskje du begynner å føle deg overveldet. Ikke så bra. Her er hjelp til å lette reisen din. Les mer . Bare fordi du sliter betyr ikke at du ikke er kuttet ut til å være programmerer. 6 Tegn på at du ikke er ment å være programmerer. 6 Tegn på at du ikke er ment å være programmerer. Ikke alle er kuttet ut for å være en Programmerer. Hvis du ikke er helt sikker på at du er ment å være programmerer, er det noen tegn som kan vise deg i riktig retning. Les mer !

For mer læring, sjekk ut de beste kursene verdt å betale for på Coursera 11 beste nettsteder for gratis online Computer Programmeringskurser 11 Beste Nettsteder for Gratis Online Computer Programmeringskurs I disse dager kan du bli en masterkoder uten å plukke opp en tradisjonell datavitenskap grad. Hvor er alle disse gode læringsressursene, spør du? Flott spørsmål. Fortsett å lese og vi vil vise deg. Les mer .

Forhåpentligvis hjalp disse gratis opplæringene! Hvis du vet om andre gratis React-ressurser som vi savnet, vennligst gi oss beskjed i en kommentar nedenfor.

Bildekreditt: guteksk7 via Shutterstock.com

Utforsk mer om: Online kurs, programmering.