7 migliori tutorial gratuiti per imparare a reagire e creare app Web

Annuncio

In questo momento, non solo React è all'apice della sua popolarità, ma sta accelerando. Fino a Lo sviluppo web JavaScript è interessato Programmazione vs. Sviluppo web: qual è la differenza?Potresti pensare che i programmatori di applicazioni e gli sviluppatori web facciano lo stesso lavoro, ma questo è lontano dalla verità. Ecco le principali differenze tra programmatori e sviluppatori web. Per saperne di più , React è uno dei framework più facili da imparare e uno dei più efficaci per uno sviluppo rapido e robusto.

Quindi, se hai deciso di impararlo, datti una pacca sulla spalla: hai fatto una scelta intelligente.

L'unico problema è che i corsi React più utili hanno un prezzo elevato. Ad esempio, l'acclamato Corso React for Beginners è $ 89 (versione iniziale) e $ 127 (versione master). I corsi gratuiti raramente sono così completi e utili, ma ne abbiamo trovati molti che lo sono eccellente e ti farà iniziare con il piede giusto Cosa rende un buon tutorial di programmazione?Non tutti i tutorial di programmazione sono uguali. Alcuni benefici per te e altri finiscono per perdere tempo. Ecco cosa cercare in un tutorial di programmazione di qualità.

Per saperne di più .

1. Corso sui fondamenti di React Training

Tyler McGinnis è un noto sviluppatore e istruttore di React che insegna e scrive su React da anni ormai. Attualmente ha quattro corsi disponibili su React Training [Non più disponibile], il primo dei quali è completamente gratuito e funge da punto di ingresso per gli altri.

Reagire Fondamenti si articola in 32 video lezioni che sommano fino a tre ore intere di formazione. Imparerai tutto ciò di cui hai bisogno per far funzionare un'app React di base (ad esempio ecosistema React, NPM, Babel e Webpack), i concetti chiave e il ciclo di vita che guidano le app React, come scrivere correttamente i componenti e come passare i dati in giro.

È denso. È informativo. È l'introduzione perfetta e il fatto che McGinnis lo offra gratuitamente è davvero fantastico. Questa dovrebbe essere la tua prima tappa quando impari a React.

Sito web — Corso sui fondamenti di React [non più disponibile]

2. Hacking con React

Hacking con React è un ebook completamente gratuito, dall'inizio alla fine, se leggi la versione solo per il web. Puoi prendere una versione PDF, EPUB o MOBI scaricabile per $ 10 se preferisci portarlo con te e imparare offline. Ad ogni modo, è una risorsa fantastica per i principianti a cui non piacciono i video.

Inizia dall'inizio, spiegando concetti di base come JSX e componenti e oggetti di scena, e ti tiene per mano mentre ti laurei su argomenti intermedi come stati, routing, test, linting e di più. È scritto in ES6 dall'inizio alla fine e imparerai le migliori pratiche lungo la strada, inclusi Babel, Webpack ed ESLint.

Ti renderà un esperto di React? No, ma è volere metterti abbastanza a tuo agio per sentirti sicuro e continuare ad imparare. Per lo meno, saprai più che abbastanza React per decidere se spendere soldi per un corso premium avanzato altrove.

Sito web — Hacking con React

3. Il tutorial ufficiale di React

Penseresti che il tutorial ufficiale dovrebbe essere il primo posto dove cercare per imparare React, ma io personalmente l'ho trovato un po' troppo veloce per i principianti assoluti: richiedeva molta più conoscenza della maggior parte i neofiti hanno. È perfetto se hai avuto precedenti esperienze con un altro framework web JavaScript.

Detto ciò, il tutorial ufficiale di React è fantastico una volta che hai imparato i concetti fondamentali di React e stai lottando per metterli in pratica. Ti porta attraverso la creazione di un'app web tris utilizzando nient'altro che componenti, oggetti di scena e stato. Colma il divario tra teoria astratta e applicazione pratica.

Consiglio anche di dare un'occhiata al documentazione ufficiale di React, che spiega ogni parte di React con una quantità sorprendente di dettagli. In particolare, il Pensare in Reagire page è come un mini-tutorial sulla comprensione degli idiomi che guidano React. Non aver paura di fare riferimento alla documentazione di React più e più volte mentre impari e crei le tue app.

Sito web — Il tutorial ufficiale di React e Pensare in Reagire

4. Corso sui fondamenti di React di Egghead

testa d'uovo offre decine di corsi (centinaia di lezioni) su vari argomenti di sviluppo web: JavaScript, Angular, React, RxJS, Node, TypeScript, ecc. React è il terzo argomento più grande sul sito e, sebbene la maggior parte dei corsi sia per utenti premium, ce ne sono cinque disponibili gratuitamente:

• Inizia a utilizzare React per creare applicazioni Web
• Aggiungi il routing alle app React usando React Router v4
• Iniziare con Redux
• Creazione di applicazioni React con Idiomatic Redux
• Gestisci lo stato complesso nelle app React con MobX

I primi due sono i più importanti, ma probabilmente vorrai prenderli tutti a un certo punto (in modo ottimale nell'ordine elencato). I corsi presuppongono che tu conosca già JavaScript, quindi dai un'occhiata ai corsi JavaScript di Egghead se non ti senti ancora a tuo agio con la lingua 7 trucchi utili per padroneggiare un nuovo linguaggio di programmazioneVa bene essere sopraffatti quando si impara a programmare. Probabilmente dimenticherai le cose non appena le impari. Questi suggerimenti possono aiutarti a conservare meglio tutte queste nuove informazioni. Per saperne di più .

Nota che anche i corsi premium sono abbastanza buoni e vale la pena verificare se puoi permetterti l'abbonamento Pro: $ 40 al mese o $ 200 all'anno.

Sito web — Corso sui fondamenti di React di Egghead

5. Impara React e Redux con Cabin

Sebbene Redux non faccia parte del framework principale di React, sono così spesso usati insieme che dovresti davvero impararlo. E anche se alla fine ti allontani da Redux, puoi portare i concetti con te e applicarli a qualunque cosa finirai per usare al suo posto.

Cabina è una serie di tutorial in 10 parti che ti insegnerà come creare da zero un'app di social network semplificata: installare Node/React/Webpack, capire come funziona React, incorporando Redux, occupandosi delle funzionalità dei social network come feed e notifiche, elaborando immagini e filtri come Instagram e di più.

L'ultima parte è una panoramica delle "best practice" che non solo ti insegna il modo più efficace per utilizzare e organizzare React/Redux, ma anche errori comuni da evitare, come progettare un'app scalabile e come utilizzare strumenti di terze parti per facilitare il tuo sviluppo flusso di lavoro.

Sito web — Impara React e Redux con Cabin

6. Corso React di LearnCode Academy

Negli ultimi anni, LearnCode Academy si è distinto come uno dei i migliori canali di programmazione su YouTube I 17 migliori tutorial di programmazione su YouTubeIn questo post, vorremmo indicarti alcune delle migliori serie di programmazione di YouTube che abbiamo trovato. Tutti questi sono sufficienti per bagnarti i piedi come programmatore principiante. Per saperne di più . È specializzato nello sviluppo web e copre tutti i tipi di argomenti che vanno da HTML, CSS e JavaScript a framework specifici come Angular e React. Ed è tutto gratis.

Il corso è diviso in tre sezioni: otto video sui concetti fondamentali di React, sei video sull'utilizzo di Flux per l'architettura dati e sette video sull'utilizzo di Redux per gestire lo stato. Tutto questo viene fatto utilizzando pratiche aggiornate, inclusi ES6 e Webpack.

Nota che questo non è un corso completo e Flux e Redux sono entrambi concetti avanzati che non fanno parte del nucleo React framework, quindi consigliamo di utilizzare questo corso come un modo per rivisitare e cementare i concetti appresi nei corsi precedenti.

Sito web — Corso React di LearnCode Academy

7. La Convenzione Reagisci

Alcuni programmatori preferiscono programmare per convenzione, ovvero aderire a un determinato insieme di decisioni di progettazione ("convenzioni") da progetto per progetto per ridurre al minimo la complessità e accelerare il processo di sviluppo, in particolare nella fase iniziale del nuovo progetti. Questo ebook online mira a presentare un tipo di convenzione che gli sviluppatori di React possono seguire.

Prima di tuffarti in questo, tuttavia, dovresti già essere esperto di ES6, a tuo agio con il framework React e comprendere le basi di Redux. Questo ebook non è per i neofiti di per sé. Piuttosto, è utile per gli intermedi che si sentono sopraffatti e non sono sicuri di come trasformare la loro conoscenza di React/Redux in app Web da zero.

Il tutorial inizia con un progetto di kit di partenza e mostra come modificarlo. Seguendo questa convenzione nei progetti futuri, non dovrai perdere tempo a ricreare tutto.

Sito web — La Convenzione Reagisci

Quindi hai imparato a reagire: e adesso?

Con questi tutorial alle spalle, dovresti essere abbastanza esperto per iniziare a creare le tue app web con React. A questo punto non resta che esercitarsi, esercitarsi, esercitarsi. E la cosa particolarmente interessante è che puoi farlo dopo usa React Native per creare app mobili Per creare un'app Android, devi imparare questi 7 linguaggi di programmazioneQuale linguaggio di programmazione è giusto per creare app Android? Dipende dalla tua storia di programmazione e da quali lingue ti senti più a tuo agio nell'uso. Fortunatamente, hai delle opzioni. Per saperne di più - ma non anticipare te stesso. Continua con le app web finché non sei sicuro.

Sarà una strada difficile, quindi ti consigliamo di dare un'occhiata al nostro articolo su imparare a programmare senza stress Come imparare a programmare senza tutto lo stressForse hai deciso di dedicarti alla programmazione, per lavoro o solo per hobby. Grande! Ma forse stai iniziando a sentirti sopraffatto. Non così eccezionale. Ecco un aiuto per facilitare il tuo viaggio. Per saperne di più . Solo perché stai lottando non significa non sei tagliato per essere un programmatore 6 segni che indicano che non sei destinato a essere un programmatoreNon tutti sono tagliati per essere programmatori. Se non sei completamente sicuro di essere un programmatore, ecco alcuni segnali che potrebbero indirizzarti nella giusta direzione. Per saperne di più !

Per saperne di più, dai un'occhiata i migliori corsi per i quali vale la pena pagare su Coursera Gli 11 migliori siti per corsi di programmazione informatica online gratuitiUtilizzando questi corsi di programmazione informatica online gratuiti, puoi diventare un grande programmatore senza una laurea in informatica. Per saperne di più .

Speriamo che questi tutorial gratuiti abbiano aiutato! Se conosci altre risorse React gratuite che ci siamo persi, faccelo sapere in un commento in basso.

Immagine di credito: guteksk7 tramite Shutterstock.com