7 bedste gratis tutorials til læring af reaktion og oprettelse af webapps

Reklame

Lige nu reagerer ikke kun på højden af ​​dets popularitet, men dets popularitet er hurtigere. Så vidt som JavaScript-webudvikling er bekymret Programmering vs. Webudvikling: Hvad er forskellen?Du tror måske, at applikationsprogrammører og webudviklere gør det samme job, men det er langt fra sandheden. Her er de vigtigste forskelle mellem programmerere og webudviklere. Læs mere , React er en af ​​de nemmeste rammer at lære og en af ​​de mest effektive til hurtig og robust udvikling.

Så hvis du har besluttet at lære det, så klap dig selv på bagsiden: Du har taget et smart valg.

Det eneste problem er, at de mest værdifulde React-kurser kommer med en heftig prismærke. For eksempel den meget anerkendte Reaktion for begynderkurs er $ 89 (starter version) og $ 127 (master version). Gratis kurser er sjældent så omfattende og hjælpsomme - men vi har fundet flere der er fremragende og vil komme i gang på højre fod Hvad gør en god programmeringsvejledning?Ikke alle programmeringsvejledninger gøres lige. Nogle gavner dig og andre ender med at spilde din tid. Her er hvad man skal kigge efter i en programmeringsvejledning af høj kvalitet.

Læs mere .

1. React Training's grundlæggende kursus

Tyler McGinnis er en velkendt React-udvikler og instruktør, der har undervist og skrevet om React i mange år nu. Han har i øjeblikket fire kurser tilgængelige på React Training [No Longer Available], hvoraf det første er helt gratis og fungerer som et indgangspunkt for de andre.

React Fundamentals er opdelt i 32 videolektioner, der tilføjer op til tre hele timers undervisning. Du lærer alt hvad du har brug for for at få en grundlæggende React-app kørt (dvs. React-økosystem, NPM, Babel og Webpack), de grundlæggende koncepter og livscyklus, der driver React-apps, hvordan man skriver komponenter korrekt, og hvordan man videregiver data rundt om.

Det er tæt. Det er informativt. Det er den perfekte introduktion, og det faktum, at McGinnis tilbyder det gratis, er ret fantastisk. Dette skal være dit første stop, når du lærer React.

Internet side - React Fundamentals Course [Ikke længere tilgængelig]

2. Hacking med reaktion

Hacking med reaktion er en e-bog, der er helt gratis, omslag til dækning, hvis du læser den eneste version på nettet. Du kan hente en downloadbar PDF-, EPUB- eller MOBI-version af den til $ 10, hvis du hellere vil tage den med dig og lære offline. Uanset hvad er det en fantastisk ressource for begyndere, der ikke kan lide videoer.

Det starter helt i begyndelsen, hvor der forklares grundlæggende koncepter som JSX og komponenter og rekvisitter, og holder din hånd, mens du graduerer til mellemliggende emner som tilstande, routing, prøver, fnug og mere. Det er skrevet i ES6 begynder at afslutte, og du lærer bedste praksis undervejs, herunder Babel, Webpack og ESLint.

Vil det gøre dig til en React-ekspert? Nej, men det vilje få dig komfortabel nok til at føle dig selvsikker og fortsætte med at lære. I det mindste ved du mere end nok Reaktion til at beslutte, om du vil bruge penge på et avanceret premiumkursus andetsteds.

Internet side — Hacking med reaktion

3. Den officielle reaktionsvejledning

Du skulle tro, at den officielle tutorial skulle være det første sted at kigge efter for at lære React, men jeg personligt fandt det lidt for hurtigt til komplette nybegynder - det antog meget mere viden end de fleste nybegynderne har. Det er perfekt, hvis du har haft tidligere erfaring med en anden JavaScript-webramme.

Når det er sagt, den officielle React-tutorial er fantastisk, når du har lært kernebegreberne i React og kæmper for at omsætte dem til praksis. Det tager dig gennem oprettelsen af ​​en tic-tac-toe-webapp, der ikke bruger andet end komponenter, rekvisitter og tilstand. Det bygger bro mellem abstrakt teori og praktisk anvendelse.

Jeg anbefaler også at tjekke officiel React-dokumentation, der forklarer hver reaktion i overraskende mængde detaljer. Især Tænker i React side er som en mini-tutorial om at fatte de formsprøjtninger, der driver React. Vær ikke bange for at henvise tilbage til React-dokumentationen igen og igen, når du lærer og opretter dine egne apps.

Internet side — Den officielle reaktionsvejledning og Tænker i React

4. Egghead's React Fundamentals Course

Egghead tilbyder snesevis af kurser (hundreder af lektioner) om forskellige webudviklingsemner: JavaScript, kantet, reagerer, RxJS, knudepunkt, TypeScript osv. React er det tredjestørste emne på webstedet, og selvom de fleste af kurserne er for premium-brugere, er der fem gratis tilgængelige:

• Begynd med at bruge React til at oprette webapplikationer
• Tilføj routing til React-apps ved hjælp af React Router v4
• Kom godt i gang med Redux
• Opbygning af reaktive applikationer med idiomatisk redux
• Administrer kompleks tilstand i reaktive apps med MobX

De første to er de vigtigste, men du vil sandsynligvis tage dem alle på et tidspunkt (optimalt i den angivne rækkefølge). Kurserne antager, at du allerede kender JavaScript, så tjek Eggheads JavaScript-kurser hvis du ikke er tilpas med sproget endnu 7 Nyttige tricks til at mestre et nyt programmeringssprogDet er okay at blive overvældet, når du lærer at kode. Du vil sandsynligvis glemme tingene så hurtigt, som du lærer dem. Disse tip kan hjælpe dig med at bevare alle de nye oplysninger bedre. Læs mere .

Bemærk, at premiumkurserne også er ret gode, og det er værd at tjekke, om du har råd til Pro-abonnementet: $ 40 pr. Måned eller $ 200 pr. År.

Internet side — Egghead's React Fundamentals Course

5. Lær at reagere og redux med kabinen

Selvom Redux ikke er en del af den centrale reaktionsramme, bruges de så ofte sammen, at du virkelig burde lære det. Og selv hvis du i sidste ende flytter væk fra Redux, kan du tage koncepterne med dig og anvende dem på, hvad du ender med at bruge i stedet.

Kabine er en 10-dels tutorial-serie, der lærer dig, hvordan du opretter en forenklet social netværks-app fra bunden: installation af Node / React / Webpack, forståelse hvordan React fungerer, inkorporering af Redux, håndtering af sociale netværksfunktioner som feeds og underretninger, behandling af billeder og filtre som Instagram og mere.

Den sidste del er en oversigt over "bedste praksis", som ikke kun lærer dig den mest effektive måde at bruge og organisere React / Redux, men også almindelige fejl, der skal undgås, hvordan man designer en skalerbar app, og hvordan man bruger tredjepartsværktøjer til at lette din udvikling workflow.

Internet side — Lær at reagere og redux med kabinen

6. LearnCode Academy's React Course

I de sidste par år LearnCode Academy har udmærket sig som en af bedste programmeringskanaler på YouTube De 17 bedste YouTube-programmeringsvejledningerI dette indlæg vil vi gerne henvise dig til nogle af de bedste YouTube-programmeringsserier, vi har fundet. Alle disse er tilstrækkelige til at få fødderne våde som en nybegynder-programmør. Læs mere . Det har specialiseret sig i webudvikling og dækker alle former for emner, der spænder fra HTML, CSS og JavaScript til specifikke rammer som Angular og React. Og det hele er gratis.

Kurset er opdelt i tre sektioner: otte videoer om centrale reaktionskoncepter, seks videoer om brug af Flux til dataarkitektur og syv videoer om brug af Redux til at styre tilstand. Alt dette gøres ved hjælp af ajourført praksis, herunder ES6 og Webpack.

Bemærk, at dette ikke er et omfattende kursus, og Flux og Redux er begge avancerede koncepter, der ikke er en del af kernen Reaktionsrammer, så vi anbefaler at bruge dette kursus som en måde at revidere og cementere koncepter, der er lært i ovennævnte kurser.

Internet side — LearnCode Academy's React Course

7. React-konventionen

Nogle programmerere foretrækker at kode efter konvention - det vil sige at overholde et vist sæt designbeslutninger (“konventioner”) fra projekt til projekt for at minimere kompleksiteten og fremskynde udviklingsprocessen, især i den tidlige fase af nye projekter. Denne online e-bog sigter mod at præsentere en slags konvention, som React-udviklere kan følge.

Inden du går ned i dette, skal du imidlertid allerede være velkyndig i ES6, være komfortabel med React-rammen og forstå det grundlæggende i Redux. Denne e-bog er ikke til nybegyndere i sig selv. Det er snarere nyttigt for mellemprodukter, der føler sig overvældede og ikke er sikre på, hvordan de kan omdanne deres React / Redux-viden til web-apps fra bunden.

Vejledningen starter med et startkit-projekt og viser dig, hvordan du ændrer det. Ved at følge denne konvention i fremtidige projekter, behøver du ikke spilde tid på at genskabe alt.

Internet side — React-konventionen

Så du har lært reaktion: Hvad nu?

Med disse tutorials under dit bælte, skal du være mere end vidende nok til at begynde at lave dine egne webapps med React. På dette tidspunkt er alt, hvad der er tilbage, at øve, øve, øve. Og hvad der er særligt cool er, at du kan senere Brug React Native til at oprette mobile apps For at oprette en Android-app skal du lære disse 7 programmeringssprogHvilket programmeringssprog er det rigtige til oprettelse af Android-apps? Det kommer til din programmeringshistorie, og hvilke sprog du føler dig bedst at bruge. Heldigvis har du muligheder. Læs mere - men kom ikke foran dig selv. Hold fast ved web-apps, indtil du er sikker.

Det bliver en hård vej, så vi anbefaler, at du tjekker vores artikel om lære at programmere uden stress Sådan læres programmering uden al stressMåske har du besluttet at fortsætte programmeringen, hvad enten det drejer sig om en karriere eller bare som en hobby. Store! Men måske begynder du at blive overvældet. Ikke så stor. Her er hjælp til at lette din rejse. Læs mere . Bare fordi du kæmper, betyder det ikke du er ikke ude af at være programmerer 6 tegn på, at du ikke har til hensigt at være programmererIkke alle er udskåret til at være programmerer. Hvis du ikke er helt sikker på, at du er beregnet til at være programmør, er her nogle tegn, der kan pege dig i den rigtige retning. Læs mere !

For mere læring, tjek de bedste kurser værd at betale for på Coursera De 11 bedste websteder til gratis online computerprogrammeringskurserVed hjælp af disse gratis online computerprogrammeringskurser kan du blive en god koder uden en datalogi. Læs mere .

Forhåbentlig hjalp disse gratis tutorials! Hvis du kender til andre gratis React-ressourcer, som vi har gået glip af, skal du fortælle os det i en kommentar nedenunder.

Billedkredit: guteksk7 via Shutterstock.com