Se stai cercando risorse e tutorial per imparare o migliorare su ReactJS, questo articolo è per te.
ReactJS è in realtà il framework JavaScript che è cresciuto molto più velocemente. Viene utilizzato per le interfacce utente in servizi molto utilizzati come Facebook, Instagram e molti altri.
La potenza di ReactJS deriva dalla sua capacità di generare interfacce utente complesse e interattive con un alto livello di prestazioni grazie alla tecnologia Virtual DOM.
Molti sviluppatori in tutto il mondo iniziano a utilizzare ReactJS per sviluppare applicazioni e siti Web complessi. Il web è pieno di articoli e tutorial sull'argomento, e abbiamo deciso di sceglierne venti che hanno catturato in modo particolare la nostra attenzione.
Buona lettura!
01 – Crea un'applicazione React.js con l'autenticazione dell'utente
Scopri come creare un'app React con l'autenticazione utente
Questo post ti mostrerà come creare un'applicazione React da zero, utilizzando Stormpath React SDK per aggiungere funzionalità che consentono alle persone di registrarsi, accedere e persino visualizzare il proprio profilo utente.
Puoi trovare il tutorial su - http://tutlinks.com/out/tutorial-build-a-react-js-application-with-user-authentication/
02 – Creazione di una semplice applicazione utilizzando React JS e Flux Architecture
Questo tutorial di React.js ti insegnerà come creare una semplice applicazione da fare usando React JS e l'architettura Flux.
React JS sta facendo scalpore nella community di recente a causa dei suoi presunti aumenti delle prestazioni rispetto ad altri preferiti pesanti (come Angular JS), specialmente quando si tratta di scrivere elenchi.
Puoi trovare il tutorial su - http://tutlinks.com/out/react-tutorial-creating-a-simple-application-using-react-js-and-flux-architecture/
03 – Introduzione a ReactJS JavaScript Framework
Questa è la Tutorial ReactJS per principianti per comprendere le basi e i fondamenti di ReactJS. Il tutorial è stato scritto dallo sviluppatore di app Aurelio De Rosa su Telerik.com. In questo tutorial Aurelio parla dei fondamenti di React come DOM virtuale, rendering lato server, data binding, componenti di reazione, prop e stato, sintassi JSX e infine descrive come creare un'applicazione Hello World usando ReactJS.
Puoi trovare il tutorial su - sviluppatore.telerik.com.
04 – Applicazione ToDo che utilizza l'architettura React e Flux
Questo tutorial è per utenti di livello intermedio che hanno già familiarità con le basi di ReactJS. In questo tutorial Chris Harrington costruisce a semplice applicazione da fare usando ReactJS e Architettura del flusso. Il tutorial copre due aspetti chiave dello sviluppo dell'applicazione, ad es rendering dell'interfaccia utente e accesso ai dati. Imparerai quanto è multiplo le viste sono renderizzate usando ReactJS e come l'accesso ai dati viene ottenuto utilizzando l'architettura Flux con l'aiuto dell'API del server simulata.
Puoi trovare il tutorial su - codementor.io.
05 – Reagisci alle app usando Flux e Backbone
Questo tutorial è stato scritto da Alex Rattray su toptal.com e non è per i deboli di cuore. In questo tutorial, Alex parla dei concetti e dei modelli più potenti per la creazione di app ReactJS utilizzando Flux e backbone.
La libreria Backbone viene utilizzata per colmare le lacune dell'architettura di flusso, puoi afferrarla rapidamente se hai già provato a creare app ReactJS con Flux.
Puoi trovare il tutorial su - toptal.com.
06 – 5 Esempi pratici per Learning React
Questo tutorial è per te se sei quello che crede di giocherellare con il codice e gli esempi per imparare piuttosto che entrare troppo nella teoria.
Questo tutorial ReactJS è stato scritto da Martin Angelov su tutorialzine.com e mostra cinque esempi di codice JSFiddle: timer, menu di navigazione, ricerca in tempo reale, modulo d'ordine e app immagine con Ajax.
Puoi trovare il tutorial su - tutorialzine.com.
07 – Introduzione a ReactJS e Concepts
Questo è un altro buon tutorial per principianti per iniziare rapidamente con lo sviluppo di ReactJS. Questo tutorial è stato scritto da Ken Wheeler su Scotch.io, molto ben organizzato, leggibile e scatta subito nel segno. In questo tutorial imparerai, cos'è React? Come funziona il DOM virtuale? ReactJS Starter Kit, JSX, componenti, props, specifiche, ciclo di vita e stato, eventi e flusso di dati unidirezionale.
Puoi trovare il tutorial su - scotch.io.
08 – Streaming di Twitter con Node e React.js
Questo tutorial è per utenti esperti e qui puoi imparare a costruire un'applicazione end-to-end che recupera e visualizza il flusso di Twitter usando node e ReactJS. Il tutorial è scritto da Ken Wheeler ed è sicuramente uno dei migliori tutorial gratuiti di ReactJS che troverai oggi sul web.
Ken usa JavaScript isomorfo (imparerai) per creare un'app di streaming live di Twitter. Le altre librerie utilizzate nel tutorial sono Express, Handlebars, Browserify, Mongoose, Socket.io e nTwitter.
Puoi trovare il tutorial su - scotch.io.
09 – ReactJS in profondità con l'esempio del componente Shape Editor
Questo tutorial è stato scritto da Pavan Podila su tutsPlus.com ed è per utenti di livello intermedio. Pavan parla in modo approfondito di ogni aspetto di ReactJS prendendo un esempio di codice del componente dell'editor di forme.
Questo è uno dei tutorial più completi e chiarisce definitivamente alcuni dei fondamenti radicati dello sviluppo utilizzando ReactJS.
Puoi trovare il tutorial su - code.tutsplus.com.
10 – Tutorial ReactJS e guida ai trucchi
In questo tutorial, Justin Deal di Zapier.com tenta di chiarire alcuni degli aspetti confusi e dei trucchi dello sviluppo di ReactJS. Classificherei questo tutorial in quello che trasforma i principianti in sviluppatori avanzati. Da leggere per ogni sviluppatore ReactJS.
Puoi trovare il tutorial su - zapier.com.
11 – Elenco dei dipendenti con ReactJS e Cordova
Il modo migliore per imparare qualsiasi nuovo framework è creare un'applicazione. Christophe Coenraets ha scritto un tutorial passo dopo passo per creare l'applicazione mobile della directory Employees con ReactJS e lo esegue in Cordova.
Christophe inizia questo tutorial creando una versione statica dell'app della directory dei dipendenti, incorpora il flusso di dati e il flusso di dati inverso, implementa il servizio asincrono, i codici per la manutenzione dello stato, il routing, lo stile e infine esegue l'applicazione a Cordova.
Questo tutorial è buono per te se hai già chiarito i tuoi concetti e hai bisogno di alcune mani sulla codifica per vedere come funziona tutto in ReactJS.
Puoi trovare il tutorial su - coenraets.org.
12 – Crea componenti manutenibili ad alte prestazioni con ReactJS
Un altro articolo da leggere per comprendere il funzionamento di un'applicazione ReactJS a livello architettonico. Questo proviene da lavori di sviluppo IBM, scritto da Sing Li e si concentra principalmente sul concetto di architettura dei componenti di reazione, su come creare componenti personalizzati e sull'utilizzo di librerie di componenti ReactJS di terze parti.
Li tocca anche l'architettura Flux, il funzionamento di JSX e fornisce una breve introduzione di Relay e React Native, il futuro ecosistema di stato di ReactJS.
Puoi trovare il tutorial su - ibm.com/developerworks.
13 – Cabin – App di esempio React & Redux – Introduzione – The Stream Blog
Questo è il primo post per Cabin, la serie React & Redux Example App Tutorial creata da Stream. Il risultato finale di seguire questa serie è la tua app di social network scalabile e ricca di funzionalità creata con React e Redux!
Puoi trovare il tutorial su - http://tutlinks.com/out/cabin-%E2%80%93-react-redux-example-app-%E2%80%93-introduction-%E2%80%93-the-stream-blog/
14 – Cabin – App di esempio React & Redux – React – The Stream Blog
Questo è il 2° post per Cabin, la serie React & Redux Example App Tutorial creata da Stream. Il risultato finale di seguire questa serie è la tua app di social network scalabile e ricca di funzionalità creata con React e Redux!
Puoi trovare il tutorial su - http://tutlinks.com/out/cabin-%E2%80%93-react-redux-example-app-%E2%80%93-react-%E2%80%93-the-stream-blog/
15 – Cabin – App di esempio React & Redux – Redux – The Stream Blog
Questo è il 3° post per Cabin, la serie React & Redux Example App Tutorial creata da Stream. Il risultato finale di seguire questa serie è la tua app di social network scalabile e ricca di funzionalità creata con React e Redux!
Puoi trovare il tutorial su - http://tutlinks.com/out/cabin-%E2%80%93-react-redux-example-app-%E2%80%93-redux-%E2%80%93-the-stream-blog/
16 – Tutorial React Native: Creazione di app con JavaScript – Tom Elliott
In questo tutorial React Native imparerai a conoscere un framework per la creazione di applicazioni iOS e Android native da Facebook, basato sugli stessi principi alla base del loro popolarissimo React Javascript Framework per la creazione di interfacce utente dichiarative.
Puoi trovare il tutorial su - http://tutlinks.com/out/react-native-tutorial-building-apps-with-javascript-tom-elliott/
17 – Uno sguardo dettagliato a React Native per sviluppatori JavaScript
Questo webinar fornisce esempi dettagliati di componenti React Native che introducono un nuovo modo di scrivere app mobili native.
- Argomenti trattati:
- Cos'è React Native
- Come è un'estensione di ibrido
- Come utilizzare i polyfill per sfruttare il meglio del Web ottenendo prestazioni native
- Come eseguire il debug delle app React Native
- Come utilizzare Flexbox e CSS per lo stile di un'app React Native
Puoi trovare il tutorial su - http://tutlinks.com/out/tutorial-a-detailed-look-at-react-native-for-javascript-developers/
18 – Best practice React.js per il 2016 | @RisingStack
Migliori pratiche per React.js basate sulla nostra esperienza: come scrivere un'applicazione React.js e librerie consigliate per il 2016.
Il 2015 è stato l'anno di React con tonnellate di nuove versioni e conferenze di sviluppatori dedicate all'argomento in tutto il mondo. Per un elenco dettagliato delle pietre miliari più importanti dell'anno scorso, dai un'occhiata al nostro riepilogo React nel 2015.
La domanda più interessante per il 2016: come dovremmo scrivere un'applicazione e quali sono le librerie consigliate?
Puoi trovare il tutorial su - http://tutlinks.com/out/react-js-best-practices-for-2016-%7C-risingstack/
19 – The React.js Way: Flux Architecture con Immutable.js
Come scrivere velocissime app React.js basate su componenti con architettura Flux, Immutable.js ed ES6.
Questo articolo è la seconda parte della serie di blog "The React.js Way". Se non hai dimestichezza con le basi, ti consiglio vivamente di leggere il primo articolo: The React.js Way: Getting Started Tutorial. http://www.tutlinks.com/out/getting-started-with-the-react-js-tutorial/
Puoi trovare il tutorial su - http://tutlinks.com/out/the-react-js-way-flux-architecture-with-immutable-js/
20 – Introduzione al tutorial React.js
Questo tutorial aiuta a saltare in React.js con ES6 per i nuovi arrivati e copre le basi come: componenti, DOM virtuale, JSX, test, Webpack e Babel.
In questa serie di blog in due parti React.js tutorial spiegherò questi concetti e darò una raccomandazione su cosa usare e come. Tratteremo idee e tecnologie come:
- ES6 Reagire
- DOM virtuale
- Sviluppo guidato dai componenti
- Immutabilità
- Rendering dall'alto verso il basso
- Percorso di rendering e ottimizzazione
- Strumenti/librerie comuni per raggruppamento, ES6, creazione di richieste, debugging, routing, ecc.
- Reazione isomorfa
Puoi trovare il tutorial su - http://tutlinks.com/out/getting-started-with-the-react-js-tutorial/
Sebastian, @js-repubblica
Altri articoli su Risorse e tutorial:
- REAGIRE: http://blog.js-republic.com/20-resources-and-tutorials-about-reactjs-framework/ (? tu sei qui)
- NODI: http://blog.js-republic.com/compilation-de-tutos-ressources-nodejs/
- GRAFQL: http://blog.js-republic.com/compilation-ressources-graphql/
- METEORA: http://blog.js-republic.com/compilation-ressources-meteor/
- DATTILOSCRITTO: http://blog.js-republic.com/resources-range-about-typescript/
- REDUX: http://blog.js-republic.com/resources-range-about-redux/
- EmberJS: http://blog.js-republic.com/emberjs-resources-range/
- Angolare: http://blog.js-republic.com/angular-resources-range/
