7 Beste gratis handleidingen voor leren Reageren en webapps maken

Op dit moment is React niet alleen op het hoogtepunt van zijn populariteit, maar de populariteit ervan is aan het versnellen. Wat de ontwikkeling van JavaScript-websites betreft Programmering versus Webontwikkeling: wat is het verschil? Programmeren versus Webontwikkeling: wat is het verschil? Je zou kunnen denken dat applicatieprogrammeurs en webontwikkelaars hetzelfde doen, maar dat is verre van waar. Hier zijn de belangrijkste verschillen tussen programmeurs en webontwikkelaars. Lees meer, React is een van de gemakkelijkste kaders om te leren en een van de meest effectieve voor snelle en robuuste ontwikkeling.

Dus als je hebt besloten om het te leren, gebruik dan een schouderklopje: je hebt een slimme keuze gemaakt.

Het enige probleem is dat de meest waardevolle React-cursussen worden geleverd met een behoorlijk prijskaartje. De veelgeprezen React voor beginnerscursus is bijvoorbeeld $ 89 (startersversie) en $ 127 (hoofdversie). Gratis cursussen zijn zelden zo uitgebreid en nuttig - maar we hebben er verschillende gevonden die uitstekend zijn en die u op weg helpen op de juiste manier. Wat maakt een goede programmeerhandleiding? Wat maakt een goede programmeerhandleiding? Niet alle programmeerinstructies zijn hetzelfde. Sommigen hebben er baat bij dat jij en anderen je tijd verspillen. Hier is wat u moet zoeken in een zelfstudie over kwaliteit. Lees verder .

1. Geef de cursus Basisbeginselen van training een signaal

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

Reaction Fundamentals is onderverdeeld in 32 video-lessen die oplopen tot drie volledige uren onderwijs. Je leert alles wat je nodig hebt om een ​​eenvoudige React-app in gebruik te krijgen (bijv. React ecosystem, NPM, Babel en Webpack), de kernconcepten en levenscyclus die React-apps aandrijven, hoe je componenten correct schrijft en hoe je gegevens doorgeeft in de omgeving van.

Het is dicht. Het is informatief. Het is de perfecte introductie, en het feit dat McGinnis het gratis aanbiedt is best indrukwekkend. Dit zou je eerste stop moeten zijn als je React leert.

Website - React Fundamentals-cursus

2. Hacken met React

Hacking met React is een e-boek dat volledig gratis is, van bij de kaft, als je de alleen-webversie leest. Je kunt een downloadbare PDF-, EPUB- of MOBI-versie voor $ 10 pakken 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 helemaal bij het begin, met uitleg over basisconcepten zoals JSX en componenten en rekwisieten, en houdt je hand vast tijdens het afstuderen van tussentijdse topics zoals staten, routing, testen, pluizen en meer. Het is geschreven in ES6 start to finish en je leert best practices onderweg, inclusief Babel, Webpack en ESLint.

Zal het je een React-expert maken? Nee, maar het zullen maak je comfortabel genoeg om je zelfverzekerd te voelen en blijven leren. Op zijn minst weet u meer dan genoeg React om te beslissen of u geld wilt uitgeven aan een geavanceerde premiumcursus elders.

Website - Hacking met React

3. De officiële zelfstudie

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

Dat gezegd hebbende, de officiële zelfstudie van React is fantastisch als je eenmaal de kernbegrippen van React hebt geleerd en moeite hebt om ze in de praktijk te brengen. Het neemt je mee door het creëren van een tic-tac-toe web-app 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 documentatie van React, wat elk stukje React verrassend gedetailleerd verklaart. In het bijzonder, de Denken in React pagina is als een mini-zelfstudie over het begrijpen van de idiomen die React aandrijven. Wees niet bang om keer op keer terug te verwijzen naar de documentatie van React terwijl je leert en je eigen apps maakt.

Website - De officiële zelfstudie en het denken in reactie

4. De cursus React Fundamentals van Egghead

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

• Start met Reageren om webapps te bouwen
• Routing toevoegen om apps te reactiveren met React Router v4
• Aan de slag met Redux
• Reageren Toepassingen bouwen met Idiomatic Redux
• Beheer complexe staat in React-apps met MobX

De eerste twee zijn het belangrijkst, maar u wilt ze waarschijnlijk allemaal op een bepaald moment meenemen (optimaal in de aangegeven volgorde). De cursussen gaan ervan uit dat je JavaScript al kent, dus bekijk de JavaScript-cursussen van Egghead als je de taal nog niet begrijpt 7 Nuttige trucs voor het beheersen van een nieuwe programmeertaal 7 nuttige trucs voor het beheersen van een nieuwe programmeertaal Het is prima om overweldigd te zijn als je leren coderen. Je zult dingen waarschijnlijk zo snel vergeten als je ze leert. Deze tips kunnen u helpen om al die nieuwe informatie beter te bewaren. Lees verder .

Merk op dat de premiumcursussen ook best goed zijn, en ze zijn het waard om te controleren of je het Pro-abonnement kunt betalen: $ 40 per maand of $ 200 per jaar.

Website - De cursus React Fundamentals van Egghead

5. Leer Reageren en Redux met cabine

Hoewel Redux geen deel uitmaakt van het kernkader van React, worden ze zo vaak samen gebruikt dat je het echt zou moeten leren. En zelfs als u uiteindelijk bij Redux weggaat, kunt u de concepten met u meenemen en toepassen op alles wat u uiteindelijk in de plaats daarvan zult gebruiken..

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

Het laatste deel is een overzicht van “beste praktijken” dat leert je niet alleen de meest effectieve manier om React / Redux te gebruiken en te organiseren, maar ook veelvoorkomende fouten die je moet vermijden, hoe je een schaalbare app ontwerpt en hoe je hulpprogramma's van derde partijen gebruikt om je ontwikkelingsworkflow te verlichten.

Website - Leer Reageren en Redux met cabine

6. React-cursus van LearnCode Academy

In de afgelopen paar jaar, LearnCode Academy heeft zichzelf onderscheiden als een van de beste programmeerkanalen op YouTube. De 17 beste YouTube-programmeerlessen De 17 beste YouTube-programmeerlessen In dit bericht willen we je wijzen op enkele van de beste programmeerreeksen van YouTube die we hebben gevonden. Al deze zijn voldoende om je voeten nat te krijgen als programmeur voor newbie. Lees verder . Het specialiseerde zich in webontwikkeling en bestrijkt allerlei soorten onderwerpen, variërend van HTML, CSS en JavaScript tot specifieke kaders zoals Angular en React. En het is allemaal gratis.

De cursus is onderverdeeld in drie secties: acht video's over kernreact-concepten, zes video's over het gebruik van Flux voor gegevensarchitectuur en zeven video's over het gebruik van Redux om de staat te beheren. Dit alles gebeurt met behulp van up-to-date werkwijzen, waaronder ES6 en Webpack.

Merk op dat dit geen uitgebreide cursus is, en Flux en Redux zijn beide geavanceerde concepten die geen deel uitmaken van het kernkader van React, 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 concretiseren..

Website - De React-cursus van LearnCode Academy

7. Het Reactieverdrag

Sommige programmeurs geven er de voorkeur aan te coderen volgens conventie - dat wil zeggen, zich houden aan een bepaald aantal ontwerpbeslissingen (“conventies”) van project naar project om de complexiteit te minimaliseren en het ontwikkelingsproces te versnellen, met name in de beginfase van nieuwe projecten. Dit online e-boek wil een soort van conventie presenteren die React-ontwikkelaars kunnen volgen.

Maar voordat je hier een duik in neemt, zou je al goed thuis moeten zijn in ES6, comfortabel zijn met het React-framework en de basisprincipes van Redux begrijpen. Dit e-boek is niet voor nieuwkomers op zich. Het is eerder handig voor tussenpersonen die zich overweldigd voelen en niet zeker weten hoe ze hun React / Redux-kennis van nul moeten veranderen in web-apps..

De tutorial begint met een starterskit-project en laat zien hoe je het kunt aanpassen. Door deze conventie bij toekomstige projecten te volgen, hoeft u geen tijd te verspillen met het opnieuw creëren van alles.

Website - De React-conventie

Dus je hebt gelet React: Now What?

Met deze tutorials voor de boeg, zou je meer dan genoeg kennis moeten hebben om met React je eigen webapps te gaan maken. Op dit punt is alles wat overblijft: oefenen, oefenen, oefenen. En wat bijzonder cool is, is dat je later React Native kunt gebruiken om mobiele apps te maken. Om een ​​Android-app te bouwen, moet je deze 7 programmeertalen leren Om een ​​Android-app te bouwen, moet je deze 7 programmeertalen leren Welke programmeertaal is geschikt voor Android-apps maken? Het komt neer op uw programmeergeschiedenis en welke talen u het prettigst vindt om te gebruiken. Gelukkig heb je opties. Lees meer - maar kom niet voor jezelf. Blijf bij web-apps tot je zeker bent.

Het wordt een moeilijke weg, dus we raden je aan ons artikel over leren programmeren zonder stress te lezen. Leren programmeren zonder alle stress Leren programmeren zonder alle stress Misschien heb je besloten om te blijven programmeren, of het nu voor een carrière of gewoon als een 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 vindt, wil dat nog niet zeggen dat je geen programmeur bent 6 Tekenen dat je geen programmeur hoeft te zijn 6 Tekenen dat je niet programmeur hoeft te zijn Niet iedereen is uitgesneden als een programmeur programmeur. Als je niet helemaal zeker bent dat je een programmeur moet zijn, zijn hier enkele aanwijzingen die je in de juiste richting kunnen wijzen. Lees verder !

Voor meer informatie, bekijk de beste cursussen die de moeite waard zijn om te betalen voor op Coursera 11 Beste websites voor gratis online cursussen voor computerprogrammering 11 Beste locaties voor gratis online cursussen voor computerprogrammering Vandaag de dag kunt u een meester-coder worden zonder een traditioneel computerwetenschappen diploma te behalen. Waar zijn al deze uitstekende leermiddelen, vraag je je af? Geweldige vraag. Blijf lezen en we laten het je zien. Lees verder .

Hopelijk hebben deze gratis tutorials geholpen! Als u andere gratis React-bronnen kent die we hebben gemist, kunt u ons dit laten weten in een opmerking hieronder.

Beeldcredits: guteksk7 via Shutterstock.com

Ontdek meer over: Online cursussen, programmeren.