React.js 14 Strumenti e risorse per sviluppatori Web

Il popolarità di React.js è stato in rapida crescita da quando Facebook ha rilasciato la libreria per la prima volta nel 2013. Lo è il quinto progetto open source più frequentemente recitato su Github e anche gli annunci di lavoro per gli sviluppatori di React sono in forte aumento. Reagire è a framework JavaScript leggero per costruire interfacce utente - gli esempi più importanti sono Facebook e Instagram.

Reagire offre un alternativa per quadri MVC, come Angular o Backbone, con a struttura più semplice e un focus sull'ottimizzazione delle prestazioni. Dato che React definirà sicuramente il panorama dello sviluppo web nei prossimi anni, in questo articolo desideriamo fornirti un toolkit per sviluppatori per aiutarti a mettere piede nel regno dello sviluppo di React.

Documenti ufficiali di React.js da Facebook

Facebook offre agli sviluppatori un documentazione dettagliata sul concetti principali di React. Oltre ai documenti, puoi anche trovare qui un ottimo tutorial su come costruire un gioco interattivo di tic-tac-toe con React e a Forum di discussione per gli sviluppatori di React. Come il i documenti sono open-source, puoi persino modificarli se vuoi.

React.js Github repo

Nel repository React Github, puoi farlo controlla il codice sorgente di React ogni volta che ne hai bisogno. Se vuoi essere informato sullo stato attuale di sviluppo, puoi anche dare un'occhiata al problemi, il pietre miliari, e il ultime richieste di pull. Se sei bloccato, può anche essere una buona idea studiare il Guida alla risoluzione dei problemi un po.

Ciao World Starter Code

Se vuoi dare una rapida prova a Reagire, puoi iniziare con questo “Ciao mondo” demo interattiva su Codepen. Include tutti i beni necessari e il codice di avviamento anche. Come anche Babel è attivo, puoi usare sia ECMAScript 6 che la sintassi JSX. Basta forgiare questa penna e puoi procedere senza aver impostato l'intero ambiente da solo.

React Starter Kit

Il React Starter Kit è un boilerplate per app web isomorfe costruito di Node.js, Express, GraphQL, React, e una manciata di strumenti di sviluppo web, come ad esempio Webpack, Babele, e Browsersync. Ti fornisce il La stessa pila di frontend utilizza Facebook e ti permette di saltare dentro sviluppo completo di React stack senza troppi problemi.

ReactCSS

ReactCSS rende possibile aggiungi stili CSS incorporati in JavaScript. ReactCSS viene fornito con il supporto per React, Redux, React Native (un framework per la creazione di app native mobile con React), autoprefixing, hover, pseudo-elementi e query multimediali. Puoi rapidamente installarlo con npm.

Reagire all'integrazione JSFiddle (con e senza JSX)

Questo è un grande parco giochi online se vuoi un posto dove puoi iniziare a praticare React. Suo ospitato su JSFiddle, e ha due versioni: uno con JSX e uno senza JSX, scegli quello con cui sei più a tuo agio.

Generatore di guida stile di reazione

Puoi rapidamente generare una guida di stile per il tuo progetto React con questo facile da usare Generatore di guida stile di reazione. Devi solo aggiungi una piccola documentazione ai tuoi file, e il generatore si occupa di tutto il resto. Lo strumento viene fornito con un file readme dettagliato.

Belle componenti configurabili React

bella è un Reagire libreria di componenti che ti equipaggia un insieme di componenti React potresti volerlo utilizzare nel tuo progetto, ad esempio “Pulsante”, “Carta”, “Spinner”, “Toggle”, “Valutazione”, componenti di forma diversa e altri. I componenti funzionano sia su dispositivo mobile che desktop, e loro sono personalizzabile anche.

Belle è non l'unica libreria di componenti di React là fuori, puoi trovare altri fantastici su Github, come ad esempio Reagire ai widget o Elementare.

Reagire Storybook UI Development Environment

Se non vuoi usare la libreria dei componenti di qualcun altro, ma voglio costruire il tuo, vale la pena provare Reagire StoryBook il quale è un Ambiente di sviluppo dell'interfaccia utente per i componenti React. Storybook ti permette di sviluppare componenti in modo interattivo. Ha un documentazione elaborata, e tu puoi iniziare con lo sviluppo nel Hub Storybook.

React-Bootstrap

React-Bootstrap integra React con il popolare Bootstrap 3 frontend framework. I suoi sviluppatori hanno fondamentalmente ricostruito i componenti Bootstrap con React.js. Ciò si traduce in a base di codice più pulita con meno ripetizioni e a prestazioni più elevate.

Si noti che poiché il repository è in fase di sviluppo attivo, le API cambieranno in futuro. Per il stato attuale di sviluppo, controlla il roadmap del progetto.

Reagisci agli strumenti per sviluppatori per Chrome

React DevTools per Chrome è un'estensione di Chrome Developer Tools e ti consente di ispezionare la gerarchia dei componenti. Era creato da Facebook con lo sforzo di assistere la comunità degli sviluppatori nella creazione di nuove app React. Puoi semplicemente aggiungilo come estensione Chrome al tuo browser. Puoi sfogliare il codice sorgente appartenente anche su Github.

Reagisci agli strumenti per sviluppatori per Firefox

Questo è il Versione di Firefox dello stesso Reagisci agli strumenti per sviluppatori creati da Facebook. Aggiungilo come componente aggiuntivo del browser Firefox, e inizia a ispezionare l'albero gerarchico della tua app React in una sola volta.

Pacchetto React.js per Atom

Puoi aggiungere Reagisci al tuo editor di codice Atom con questo pacchetto Atom React. Viene fornito con evidenziazione della sintassi, completamento automatico, snippet di codice, conversione da HTML a JSX, e alcune altre utili funzionalità che possono facilitare notevolmente lo sviluppo di React.

React.js Fundamentals: corso online gratuito

Ci sono molti corsi eccellenti e abbastanza economici dove puoi learn React development, comunque puoi iscriverti React.js Fundamentals corso online completamente gratuito. È composto da 12 lezioni, inizia con basi di React, e ha un bel curriculum quello copre tutte le cose importanti.