7 Beste gratis tutorials voor het leren reageren en het maken van web-apps

Advertentie

Op dit moment is React niet alleen op het hoogtepunt van zijn populariteit, maar zijn populariteit neemt ook toe. Voor zover JavaScript webontwikkeling is bezorgd Programmeren vs. Webontwikkeling: wat is het verschil?Je zou kunnen denken dat applicatieprogrammeurs en webontwikkelaars hetzelfde werk doen, maar dat is verre van waar. Dit zijn de belangrijkste verschillen tussen programmeurs en webontwikkelaars. Lees verder , React is een van de gemakkelijkst te leren frameworks en een van de meest effectieve voor snelle en robuuste ontwikkeling.

Dus als je hebt besloten om het te leren, klop jezelf dan op de rug: je hebt een slimme keuze gemaakt.

Het enige probleem is dat de meest waardevolle React-cursussen een behoorlijk prijskaartje hebben. Bijvoorbeeld de veelgeprezen Reageer voor beginnerscursus is $ 89 (starterversie) en $ 127 (hoofdversie). Gratis cursussen zijn zelden zo uitgebreid en nuttig, maar we hebben er verschillende gevonden uitstekend en zal u op weg helpen op de goede voet

Wat is een goede programmeerhandleiding?Niet alle programmeerlessen zijn gelijk gemaakt. Sommigen profiteren ervan en anderen verspillen uiteindelijk uw tijd. Hier is waar u op moet letten in een tutorial over kwaliteitsprogrammering. Lees verder .

1. De basiscursus van React Training

Tyler McGinnis is een bekende React-ontwikkelaar en -instructeur die al jaren lesgeeft en schrijft over React. Hij heeft momenteel vier cursussen beschikbaar over React Training. De eerste is volledig gratis en dient als toegangspunt voor de andere.

React Fundamentals is verdeeld in 32 videolessen die samen goed zijn voor drie volle uren onderwijs. Je leert alles wat je nodig hebt om een ​​standaard React-app in gebruik te nemen (bijv. React-ecosysteem, NPM, Babel en Webpack), de kernconcepten en levenscyclus die React-apps aansturen, hoe componenten correct te schrijven en hoe gegevens door te geven in de omgeving van.

Het is compact. Het is informatief. Het is de perfecte introductie en het feit dat McGinnis het gratis aanbiedt, is best gaaf. Dit zou je eerste stop moeten zijn bij het leren van React.

Website - React Fundamentals-cursus

2. Hacken met React

Hacken met React is een volledig gratis e-boek, van kaft tot kaft, als je de webversie leest. Je kunt een downloadbare PDF-, EPUB- of MOBI-versie ervan kopen voor $ 10 als je hem liever meeneemt en offline leert. Hoe dan ook, het is een geweldige bron voor starters die niet van video's houden.

Het begint bij het begin en legt basisconcepten uit zoals JSX en componenten en rekwisieten, en houdt uw hand vast terwijl u afstudeert op tussenliggende onderwerpen zoals toestanden, routing, tests, linting en meer. Het is geschreven in ES6, begint te eindigen en je leert onderweg praktische tips, waaronder Babel, Webpack en ESLint.

Wordt het jou een React-expert? Nee, maar het zullen je comfortabel genoeg maken om je zelfverzekerd te voelen en te blijven leren. U zult op zijn minst meer dan genoeg React weten om te beslissen of u ergens anders geld aan een geavanceerde premiumcursus wilt besteden.

Website — Hacken met React

3. De officiële React Tutorial

Je zou denken dat de officiële tutorial de eerste plaats zou moeten zijn om React te leren, maar ik persoonlijk vond het een beetje te snel voor complete nieuwkomers - het veronderstelde veel meer kennis dan de meeste nieuwelingen hebben. Het is perfect als u eerdere ervaring heeft gehad met een ander JavaScript-webframework.

Dat gezegd hebbende, de officiële React-tutorial is fantastisch als je de kernconcepten van React eenmaal hebt geleerd en moeite hebt om ze in de praktijk te brengen. Het leidt u door de creatie van een web-app voor tic-tac-toe met niets meer dan componenten, rekwisieten en staat. Het overbrugt de kloof tussen abstracte theorie en praktische toepassing.

Ik raad ook aan om de officiële React-documentatie, wat elk stukje React met een verrassende hoeveelheid detail verklaart. In het bijzonder de Denken in React pagina is als een mini-tutorial over het begrijpen van de idiomen die React aansturen. Wees niet bang om steeds opnieuw te verwijzen naar de React-documentatie terwijl u leert en uw eigen apps maakt.

Website — De officiële React Tutorial en Denken in React

4. Egghead's cursus React Fundamentals

Egghead biedt tientallen cursussen (honderden lessen) over verschillende webontwikkelingsonderwerpen: JavaScript, Angular, React, RxJS, Node, TypeScript, etc. React is het op twee na grootste onderwerp op de site en hoewel de meeste cursussen voor premiumgebruikers zijn, zijn er vijf gratis beschikbaar:

• Gebruik React om webapplicaties te bouwen
• Voeg routing toe aan React-apps met React Router v4
• Aan de slag met Redux
• React-applicaties bouwen met Idiomatic Redux
• Beheer Complex State in React Apps met MobX

De eerste twee zijn de belangrijkste, maar u zult ze waarschijnlijk op een gegeven moment allemaal willen nemen (optimaal in de aangegeven volgorde). Bij de cursussen wordt ervan uitgegaan dat u JavaScript al kent, dus bekijk de JavaScript-cursussen van Egghead als je de taal nog niet kent 7 Handige trucs voor het beheersen van een nieuwe programmeertaalHet is prima om overweldigd te worden als je leert programmeren. U vergeet de dingen waarschijnlijk net zo snel als u ze leert. Deze tips kunnen u helpen om al die nieuwe informatie beter te bewaren. Lees verder .

Houd er rekening mee dat de premiumcursussen ook redelijk goed zijn en dat ze de moeite van het bekijken waard zijn als je het Pro-abonnement kunt betalen: $ 40 per maand of $ 200 per jaar.

Website — Egghead's cursus React Fundamentals

5. Leer React en Redux met Cabin

Hoewel Redux geen deel uitmaakt van het kern React-framework, worden ze zo vaak samen gebruikt dat je het echt zou moeten leren. En zelfs als je uiteindelijk weggaat van Redux, kun je de concepten meenemen en toepassen op alles wat je uiteindelijk in plaats daarvan gebruikt.

Cabine is een 10-delige zelfstudieserie die u leert hoe u vanaf het begin een vereenvoudigde sociale netwerk-app kunt maken: Node / React / Webpack installeren, begrip hoe React werkt, Redux integreren, omgaan met sociale netwerkfuncties zoals feeds en meldingen, afbeeldingen en filters zoals Instagram verwerken, en meer.

Het laatste deel is een overzicht van "best practices" die je niet alleen de meest effectieve manier leert om React / Redux te gebruiken en te organiseren, maar ook veelvoorkomende fouten om te vermijden, hoe u een schaalbare app ontwerpt en hoe u tools van derden gebruikt om uw ontwikkeling te vergemakkelijken workflow.

Website — Leer React en Redux met Cabin

6. De React Course van LearnCode Academy

In de afgelopen jaren LearnCode Academy heeft zichzelf onderscheiden als een van de beste programmeerkanalen op YouTube De 17 beste YouTube-programmeerhandleidingenIn dit bericht willen we je wijzen op enkele van de beste YouTube-programmeerseries die we hebben gevonden. Al deze zijn voldoende om je voeten nat te maken als beginner-programmeur. Lees verder . Het is gespecialiseerd in webontwikkeling en omvat allerlei onderwerpen, variërend van HTML, CSS en JavaScript tot specifieke frameworks zoals Angular en React. En het is allemaal gratis.

De cursus is onderverdeeld in drie secties: acht video's over kern React-concepten, zes video's over het gebruik van Flux voor data-architectuur en zeven video's over het gebruik van Redux om de staat te beheren. Dit alles wordt gedaan met behulp van up-to-date praktijken, waaronder ES6 en Webpack.

Merk op dat dit geen uitgebreide cursus is, en Flux en Redux zijn beide geavanceerde concepten die niet tot de kern behoren React framework, dus we raden aan deze cursus te gebruiken als een manier om concepten die in de bovenstaande cursussen zijn geleerd opnieuw te bekijken en te bevestigen.

Website — De React Course van LearnCode Academy

7. Het React-verdrag

Sommige programmeurs geven de voorkeur aan coderen volgens afspraak - dat wil zeggen, zich houden aan een bepaalde set ontwerpbeslissingen ("conventies") van project naar project om de complexiteit te minimaliseren en het ontwikkelingsproces te versnellen, vooral in de vroege fase van nieuw projecten. Dit online e-boek is bedoeld om een ​​soort conventie te presenteren die React-ontwikkelaars kunnen volgen.

Voordat je hier echter op ingaat, moet je al goed thuis zijn in ES6, vertrouwd zijn met het React-framework en de basisprincipes van Redux begrijpen. Dit e-boek is niet per se voor nieuwkomers. Het is eerder nuttig voor tussenpersonen die zich overweldigd voelen en niet zeker weten hoe ze hun React / Redux-kennis helemaal opnieuw in web-apps kunnen veranderen.

De tutorial begint met een starterkitproject en laat zien hoe je deze kunt wijzigen. Door deze conventie in toekomstige projecten te volgen, hoeft u geen tijd te verspillen aan het opnieuw creëren van alles.

Website — Het React-verdrag

Dus je hebt React geleerd: wat nu?

Met deze tutorials onder uw riem, zou u meer dan voldoende geïnformeerd moeten zijn om te beginnen met het maken van uw eigen web-apps met React. Op dit moment rest ons alleen nog te oefenen, oefenen, oefenen. En wat vooral cool is, is dat je het later kunt gebruik React Native om mobiele apps te maken Om een ​​Android-app te bouwen, moet u deze 7 programmeertalen lerenWelke programmeertaal is geschikt voor het maken van Android-apps? Het komt neer op uw programmeergeschiedenis en welke talen u het prettigst vindt om te gebruiken. Gelukkig heb je opties. Lees verder - maar loop jezelf niet voor. Blijf bij web-apps totdat u zeker bent.

Het wordt een moeilijke weg, dus we raden je aan ons artikel over te lezen leren programmeren zonder stress Programmeren leren zonder alle stressMisschien heb je besloten om te gaan programmeren, voor een carrière of gewoon als hobby. Super goed! Maar misschien begin je je overweldigd te voelen. Niet zo goed. Hier is hulp om uw reis te vergemakkelijken. Lees verder . Alleen omdat je het moeilijk hebt, betekent niet je bent niet bedoeld als programmeur 6 tekenen dat u niet bedoeld bent om programmeur te zijnNiet iedereen is bedoeld als programmeur. Als u niet helemaal zeker weet of u programmeur wilt worden, volgen hier enkele aanwijzingen die u in de goede richting kunnen wijzen. Lees verder !

Bekijk voor meer informatie de beste cursussen die de moeite waard zijn om te betalen op Coursera De 11 beste sites voor gratis online computerprogrammeercursussenMet behulp van deze gratis online computerprogrammeercursussen kun je een geweldige programmeur worden zonder een graad in informatica. Lees verder .

Hopelijk hebben deze gratis tutorials geholpen! Als je andere gratis React-bronnen kent die we hebben gemist, laat het ons dan weten in een reactie hieronder.

Beeldcredits: guteksk7 via Shutterstock.com