7 bästa gratis handledning för lärande React och göra webbapplikationer

Just nu är inte bara React på dess popularitet, men populariteten accelererar. När det gäller JavaScript webbutveckling är Programmering vs Webbutveckling: Vad är skillnaden? Programmering vs Webbutveckling: Vad är skillnaden? Du kanske tror att applikationsprogrammerare och webbutvecklare gör samma jobb, men det är långt ifrån sanningen. Här är de viktigaste skillnaderna mellan programmerare och webbutvecklare. Läs mer, React är en av de enklaste ramarna för att lära sig och en av de mest effektiva för snabb och robust utveckling.

Så om du har bestämt dig för att lära dig, klistra dig själv på baksidan: du har gjort ett smart val.

Det enda problemet är att de mest värdefulla React-kurser kommer med en rejäl prislapp. Till exempel är den högt uppmärksammade React for Beginners kursen $ 89 (startversion) och $ 127 (huvudversion). Gratis kurser är sällan lika omfattande och hjälpsamma - men vi har hittat flera som är utmärkta och kommer att komma igång på rätt fot Vad gör en bra programmeringstutorial? Vad gör en bra programmeringstutorial? Inte alla programmeringstutorials görs lika. Några gagnar dig och andra slutar slösa din tid. Här är vad du ska leta efter i en kvalitetsprogram för programmering. Läs mer .

1. Reagera träningens grundkurs

Tyler McGinnis är en välkänd React-utvecklare och instruktör som har undervisat och skrivit om React i flera år. Han har för närvarande fyra kurser på React Training, den första är helt gratis och tjänar som en startpunkt för de andra.

React Fundamentals är indelad i 32 video lektioner som lägger upp till tre fulla timmars utbildning. Du lär dig allt du behöver för att få en grundläggande React-app igång (dvs. React-ekosystem, NPM, Babel och Webpack), kärnkoncepten och livscykeln som kör React apps, hur man skriver komponenter korrekt och hur man skickar data runt.

Det är tätt. Det är informativt. Det är den perfekta introduktionen, och det faktum att McGinnis erbjuder det gratis är ganska bra. Detta borde vara ditt första stopp när du lär dig React.

Hemsida - React Fundamentals Course

2. Hacking With React

Hacking With React är en ebook som är helt gratis, täcka för att täcka om du läser webb-versionen. Du kan ta en nedladdningsbar PDF-, EPUB- eller MOBI-version av den till $ 10 om du hellre tar den med dig och lär dig offline. Hur som helst är det en fantastisk resurs för att börja som inte gillar videor.

Det börjar i början, förklarar grundläggande begrepp som JSX och komponenter och rekvisita, och håller handen medan du examinerar till mellanliggande ämnen som stater, routing, test, linting och mer. Det är skrivet i ES6 börjar slut och du lär dig bästa praxis på vägen, inklusive Babel, Webpack och ESLint.

Kommer det att göra dig till en React-expert? Nej, men det kommer få dig bekväm nog att känna dig trygg och fortsätt att lära dig. I alla fall vet du mer än tillräckligt React för att bestämma huruvida du ska spendera pengar på en avancerad kurs på andra ställen.

Hemsida - Hacking With React

3. Den officiella reaktionstutorialen

Du skulle tro att den officiella handledningen borde vara den första platsen att leta efter React, men jag fann det lite för snabbt för fullständiga nybörjare - det antogs mycket mer kunskap än de flesta nybörjare har. Det är perfekt om du har haft tidigare erfarenhet av ett annat JavaScript-webbramverk.

Med det sagt, den officiella React handledning är fantastiskt när du har lärt dig Reacts kärnbegrepp och kämpar för att få dem att träna i praktiken. Det tar dig genom skapandet av en tic-tac-toe webapp med ingenting annat än komponenter, rekvisita och tillstånd. Det överbryggar klyftan mellan abstrakt teori och praktisk tillämpning.

Jag rekommenderar också att du checkar ut officiell Reaktionsdokumentation, vilket förklarar varje bit av React i förvånande detalj. I synnerhet Tänker i React sidan är som en mini-handledning om att ta tag i de idiom som kör React. Var inte rädd att återgå till React-dokumentationen om och om igen när du lär dig och skapa dina egna appar.

Hemsida - Den officiella reaktionshandledningen och tänkande i reaktionen

4. Egghead React Fundamentals Course

ägghuvud erbjuder tiotals kurser (hundratals lektioner) på olika webbutvecklingsämnen: JavaScript, Angular, React, RxJS, Node, TypeScript, etc. React är det tredje största ämnet på webbplatsen, och även om de flesta av kurserna är för premiumanvändare, det finns fem tillgängliga gratis:

• Börja använda React för att bygga webbapplikationer
• Lägg till routing för att reagera Apps med hjälp av React Router v4
• Komma igång med Redux
• Byggreaktionsapplikationer med Idiomatic Redux
• Hantera komplexa tillstånd i React Apps med MobX

De två första är de viktigaste, men du kommer förmodligen vilja ta dem alla vid en viss tidpunkt (optimalt i den angivna ordern). Kurserna förutsätter att du redan känner till JavaScript, så kolla in Egghead's JavaScript-kurser om du inte är bekväm med språket än. 7 Användbara tricks för att behärska ett nytt programmeringsspråk 7 Användbara tricks för att behärska ett nytt programmeringsspråk Det är okej att vara överväldigad när du är lära sig att koda. Du kommer noga att glömma saker så fort du lär dig dem. Dessa tips kan hjälpa dig att bättre behålla all den nya informationen. Läs mer .

Observera att premiumkurserna är ganska bra också, och de är värda att kolla om du har råd med Pro-abonnemanget: $ 40 per månad eller $ 200 per år.

Hemsida - Egghead React Fundamentals Course

5. Lär dig React och Redux med hytt

Även om Redux inte ingår i kärnreaktionsramen används de så ofta tillsammans att du verkligen borde lära dig det. Och även om du äntligen flyttar från Redux kan du ta koncepten med dig och tillämpa dem på vad du än än använder med i stället.

Stuga är en 10-delars handledningsserie som lär dig hur du skapar en förenklad socialt nätverksprogram från början: Installera Node / React / Webpack, förstå hur React fungerar, med Redux, hantera sociala nätverksfunktioner som flöden och meddelanden, bearbeta bilder och filter som Instagram och mer.

Den sista delen är en översikt över “bästa praxis” som inte bara lär dig det mest effektiva sättet att använda och organisera React / Redux, men också vanliga misstag att undvika, hur man utformar en skalbar app och hur man använder tredjepartsverktyg för att underlätta ditt arbetsflöde.

Hemsida - Lär dig React och Redux With Cabin

6. LearnCode Academy React Course

Under de senaste åren, LearnCode Academy har utmärkt sig som en av de bästa programmeringskanalerna på YouTube De 17 bästa programmen för YouTube-programmering De 17 bästa programmen för YouTube-programmering I det här inlägget vill vi peka på några av de bästa YouTube-programmeringsserierna vi hittat. Alla dessa är tillräckliga för att få dina fötter blöt som nybörjare programmerare. Läs mer . Det specialiserat sig på webbutveckling och täcker alla typer av ämnen som spänner från HTML, CSS och JavaScript till specifika ramar som Angular and React. Och det är allt gratis.

Kursen är uppdelad i tre sektioner: åtta videor på kärna React-koncept, sex videor om att använda Flux för datarkitektur och sju videor om att använda Redux för att hantera tillstånd. Allt detta görs med hjälp av aktuella metoder, inklusive ES6 och Webpack.

Observera att detta inte är en omfattande kurs, och Flux och Redux är båda avancerade begrepp som inte ingår i kärnreaktionsramen. Vi rekommenderar därför att du använder kursen som ett sätt att se över och cementera begrepp som lärt sig i kurser ovan.

Hemsida - LearnCode Academy React Course

7. Reaktionskonventionen

Vissa programmerare föredrar att koda enligt konventionen - det vill säga följa en viss uppsättning av designbeslut (“konventioner”) från projekt till projekt för att minimera komplexitet och påskynda utvecklingsprocessen, särskilt i början av nya projekt. Denna online ebook syftar till att presentera en typ av konvention som React-utvecklare kan följa.

Innan du dyker in i detta bör du dock redan vara välbevandrad i ES6, bekväm med React Framework, och förstå grunderna för Redux. Denna ebook är inte för nybörjare i sig. Det är snarare till hjälp för mellanhänder som känner sig överväldigade och osäkra på hur de kan skicka sin React / Redux-kunskap till webbapps från början.

Handledningen börjar med ett startpaketprojekt och visar hur du ändrar det. Genom att följa denna konvention i framtida projekt behöver du inte slösa tid på att återskapa allt.

Hemsida - Reaktionskonventionen

Så du har lärt dig Reakt: Nu Vad?

Med dessa handledningar under ditt bälte borde du vara mer än kunnig nog för att börja skapa egna webbapps med React. Vid den här tiden är allt som är kvar att öva, öva, öva. Och det som är särskilt coolt är att du senare kan använda React Native för att skapa mobilappar. För att bygga en Android-app behöver du lära dig dessa 7 programmeringsspråk Att bygga en Android-app behöver du lära dig dessa 7 programmeringsspråk vilket programmeringsspråk är rätt för Skapa Android-appar? Det kommer ner till din programmeringshistorik och vilka språk du tycker är mest bekväm att använda. Lyckligtvis har du alternativ. Läs mer - men kom inte framför dig själv. Håll fast vid webbapps tills du är säker.

Det kommer att bli en tuff väg, så vi rekommenderar att du checkar ut vår artikel om hur du programmerar utan stress. Hur man läser programmering utan all stress Hur man lär sig programmering utan all stress. Du kanske har bestämt dig för att fortsätta programmeringen, oavsett om det är en karriär eller bara som en hobby. Bra! Men kanske börjar du känna dig överväldigad. Inte så bra. Här är hjälp för att underlätta din resa. Läs mer . Bara för att du kämpar betyder inte att du inte skärs ut för att vara en programmerare. 6 Tecken på att du inte är avsedd att vara programmerare. 6 Tecken på att du inte är avsedd att vara programmerare. Inte alla är utklippta för att vara en programmerare. Om du inte är helt säker på att du är avsedd att vara programmerare, här är några tecken som kan peka dig i rätt riktning. Läs mer !

För mer inlärning, kolla in de bästa kurser som är värda att betala för på Coursera 11 bästa webbplatser för gratis online datorprogrammeringskurser 11 bästa webbplatser för gratis online datorprogrammeringskurser Idag kan du bli en masterkoder utan att hämta en traditionell datorvetenskaplig examen. Var är alla dessa utmärkta läromedel, frågar du? Stor fråga. Fortsätt läsa och vi visar dig. Läs mer .

Förhoppningsvis hjälpte dessa gratis handledning! Om du känner till några andra React-resurser som vi missade, var snäll och låt oss veta i en kommentar nedan.

Bildkrediter: guteksk7 via Shutterstock.com

Utforska mer om: Online kurser, programmering.