7 migliori tutorial gratuiti per l'apprendimento Reagire e realizzare app Web

Al momento, non solo React è al culmine della sua popolarità, ma la sua popolarità sta accelerando. Per quanto riguarda lo sviluppo web di JavaScript è interessato alla programmazione e allo sviluppo Web: qual è la differenza? Programmazione e sviluppo Web: qual è la differenza? Potresti pensare che i programmatori di applicazioni e gli sviluppatori web facciano lo stesso lavoro, ma questo è lontano dal vero. 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 molto alto. Ad esempio, l'acclamato corso React for Beginners è $ 89 (versione starter) e $ 127 (versione master). I corsi gratuiti sono raramente completi e utili, ma ne abbiamo trovati alcuni eccellenti che ti faranno iniziare con il piede giusto. Che cosa rende un buon tutorial di programmazione? Cosa rende un buon tutorial di programmazione? Non tutte le esercitazioni di programmazione sono uguali. Alcuni ti aiutano e altri finiscono per perdere tempo. Ecco cosa cercare in un tutorial di programmazione di qualità. Leggi di più .

1. Corso React Training Fundamentals

Tyler McGinnis è un noto sviluppatore e istruttore React che da anni insegna e scrive su React. Attualmente ha quattro corsi disponibili su React Training, il primo dei quali è completamente gratuito e serve come punto di ingresso per gli altri.

Reagire sui fondamentali è diviso in 32 lezioni video che sommano fino a tre ore di formazione complete. Imparerai tutto ciò di cui hai bisogno per installare e far funzionare un'applicazione di base React (es. 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 fermata quando impari Reagire.

Sito web - Corso React Fundamentals

2. Hacking con React

Hacking With React è un ebook completamente gratuito, copertina per copertina, se leggi la versione solo web. Puoi prendere una versione scaricabile di PDF, EPUB o MOBI per $ 10 se preferisci prenderla con te e imparare offline. In ogni caso, è una risorsa fantastica per gli utenti che non amano i video.

All'inizio, spiega i concetti di base come JSX e componenti e oggetti di scena, e ti tiene per mano mentre si diplomano su argomenti intermedi come stati, routing, test, sfilacciamenti e altro ancora. È scritto in ES6 dall'inizio alla fine e imparerai le migliori pratiche lungo il percorso, tra cui Babel, Webpack ed ESLint.

Ti farà diventare un esperto di React? No, ma è così volontà mettiti comodo 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 With React

3. L'esercitazione ufficiale di React

Penseresti che il tutorial ufficiale dovrebbe essere il primo posto in cui cercare di imparare React, ma personalmente l'ho trovato un po 'troppo veloce per i principianti completi - presupponeva molte più conoscenze rispetto a gran parte dei neofiti. È perfetto se hai avuto esperienze precedenti con un altro framework web JavaScript.

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

Raccomando anche di controllare il documentazione ufficiale di React, che spiega ogni bit di React in una quantità sorprendente di dettagli. In particolare, il Pensando in Reagire pagina è come un mini-tutorial sull'afferrare gli idiomi che guidano React. Non aver paura di riferirti alla documentazione di React più e più volte mentre impari e crei le tue app.

Sito web - The Official React Tutorial e Thinking in React

4. Corso di ragionamento di Reazione di Egghead

intellettuale 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 siano per utenti premium, ce ne sono cinque disponibili gratuitamente:

• Inizia a utilizzare React per creare applicazioni Web
• Aggiungi il routing alle applicazioni React utilizzando React Router v4
• Iniziare con Redux
• Costruire applicazioni reattive con Idiomatic Redux
• Gestire lo stato complesso nelle app React con MobX

I primi due sono i più importanti, ma probabilmente vorrai portarli tutti a un certo punto (in modo ottimale nell'ordine elencato). I corsi presumono che tu sappia già JavaScript, quindi dai un'occhiata ai corsi JavaScript di Egghead se non ti senti a tuo agio con la lingua 7 Trucchi utili per padroneggiare un nuovo linguaggio di programmazione 7 Trucchi utili per padroneggiare un nuovo linguaggio di programmazione Va bene essere sopraffatti quando sei imparare a programmare Probabilmente dimenticherai le cose così velocemente come le impari. Questi suggerimenti possono aiutarti a conservare meglio tutte le nuove informazioni. Leggi di più .

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

Sito web - Corso di ragionamento di Reazione di Egghead

5. Impara Reagire e Ridurre con Cabina

Anche se Redux non fa parte del core framework React, sono così spesso usati insieme che dovresti davvero impararlo. E anche se alla fine ti allontani da Redux, puoi portare con te i concetti e applicarli a qualsiasi cosa tu finisca usando al suo posto.

Cabina è una serie di tutorial in 10 parti che ti insegnerà come creare un'app social network semplificata da zero: installazione di Node / React / Webpack, comprensione di come funziona React, integrazione di Redux, gestione delle funzionalità dei social network come feed e notifiche, elaborazione di immagini e filtri come Instagram e altro ancora.

L'ultima parte è una panoramica di “migliori pratiche” 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 flusso di lavoro di sviluppo.

Sito web - Impara Reagire e Ridurre con Cabina

6. Corso React della LearnCode Academy

Negli ultimi anni, LearnCode Academy si è distinto come uno dei migliori canali di programmazione su YouTube I 17 migliori tutorial di programmazione su YouTube I 17 migliori tutorial di programmazione su YouTube In questo post, vorremmo indicarti alcune delle migliori serie di programmazione di YouTube che abbiamo trovato. Tutti questi sono sufficienti per bagnare i piedi come programmatore principiante. Leggi di più . Si è 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 dei dati e sette video sull'utilizzo di Redux per gestire lo stato. Tutto ciò viene fatto utilizzando pratiche aggiornate, tra cui ES6 e Webpack.

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

Sito web - Corso React della LearnCode Academy

7. La Convenzione di Reazione

Alcuni programmatori preferiscono codificare per convenzione, ovvero aderire a un determinato insieme di decisioni di progettazione (“convegni”) dal progetto al progetto per ridurre al minimo la complessità e accelerare il processo di sviluppo, in particolare nella fase iniziale di nuovi 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 in ES6, a tuo agio con il framework React e capire le basi di Redux. Questo ebook non è per neofiti di per sé. Piuttosto, è utile per le persone intermedie che si sentono sopraffatte e non sono sicure di come trasformare le loro conoscenze React / Redux in app web da zero.

Il tutorial inizia con un progetto del kit di base e mostra come modificarlo. Seguendo questa convenzione in progetti futuri, non sarà necessario perdere tempo a ricreare tutto.

Sito web - La Convenzione di Reazione

Quindi hai imparato a reagire: ora cosa?

Con questi tutorial alla tua portata, dovresti essere più che abbastanza esperto per iniziare a creare le tue app Web con React. A questo punto, tutto ciò che rimane è praticare, praticare, praticare. E ciò che è particolarmente interessante è che è possibile utilizzare successivamente React Native per creare app mobili Per creare un'app per Android, è necessario conoscere questi 7 linguaggi di programmazione Per creare un'app per Android, è necessario conoscere questi 7 linguaggi di programmazione Il linguaggio di programmazione è adatto per creare app per Android? Dipende dalla tua cronologia di programmazione e dalle lingue che ritieni più a tuo agio nell'uso. Fortunatamente, hai delle opzioni. Leggi di più - ma non andare avanti da solo. Segui le app Web finché non sei sicuro.

Sarà una strada difficile, quindi ti consigliamo di consultare il nostro articolo su come imparare a programmare senza stress Come imparare la programmazione senza tutti gli stress Come imparare la programmazione senza tutti gli stress Forse hai deciso di perseguire la programmazione, sia per un carriera o solo come un hobby. Grande! Ma forse stai iniziando a sentirti sopraffatto. Non così eccezionale. Ecco l'aiuto per facilitare il tuo viaggio. Leggi di più . Solo perché stai lottando non significa che non sei tagliato per essere un programmatore 6 Segni che non sei destinato a essere un programmatore 6 Segni che non sei destinato a essere un programmatore Non tutti sono tagliati per essere un programmatore. Se non sei completamente sicuro di essere un programmatore, ecco alcuni segnali che potrebbero indirizzarti nella giusta direzione. Leggi di più !

Per ulteriori informazioni, consulta i migliori corsi che vale la pena pagare su Coursera 11 I migliori siti per corsi di programmazione online gratuiti per computer 11 I migliori siti per corsi di programmazione online gratuiti In questi giorni, puoi diventare un master coder senza aver conseguito una laurea in informatica tradizionale. Dove sono tutte queste eccellenti risorse di apprendimento, chiedi? Grande domanda. Continua a leggere e ti mostreremo. Leggi di più .

Speriamo che questi tutorial gratuiti abbiano aiutato! Se sei a conoscenza di altre risorse React gratuite che abbiamo perso, ti preghiamo di farcelo sapere in un commento in basso.

Immagine di credito: guteksk7 tramite Shutterstock.com

Scopri di più su: Corsi online, Programmazione.