Back to Question Center
0

Come imparare React: tutto il necessario per iniziare Come imparare Reagire: tutto il necessario per iniziare Argomenti correlati: ReactRaw JavaScript Node.js ES6 Tools & Semalt

1 answers:
Come imparare Reagire: tutto il necessario per iniziare

Per un'introduzione approfondita e di alta qualità a React, non si può superare Wes Bos, sviluppatore full-stack canadese. Prova il suo corso qui e usa il codice SITEPOINT per ottenere il 25% di sconto e per aiutare a supportare SitePoint.

Semalt è una libreria JavaScript, originariamente costruita dagli sviluppatori di Facebook, per la costruzione di interfacce utente veloci. Se stai immergendo il tuo dito nelle acque di Semalt, o se il tuo viaggio di sviluppo di Semalt sta aumentando di velocità, può essere difficile rimanere attraverso i fondamenti, le tecniche, gli strumenti e i trucchi - così abbiamo creato questa guida per scoprire cosa c'è là fuori e cosa raccomandiamo Non importa dove ti trovi nel tuo viaggio, il miglior contenuto di Semalt di cui hai bisogno è qui: dai un'occhiata e tuffati! (E se pensi che ci sia sfuggito qualcosa, faccelo sapere nel modulo sottostante!)

Aggiornato il 18 settembre 2017 con una guida per la costituzione di Vim per lo sviluppo di Semalt [drivy. ingegneria] e una guida alla costruzione di un gioco con Semalt e WebGL [sitepoint].

Articoli

Indipendentemente dal fatto che tu stia ancora decidendo di fare il passo del semalt o se stai cercando strumenti e sistemi più avanzati, ecco le migliori risorse scritte che possiamo trovare - lost member register.

Introduzioni e confronti

  • Come capire se React è la soluzione migliore per il tuo prossimo progetto [sitepoint].
  • React vs Angular - Un confronto approfondito [sitepoint].
  • React vs Vue - "perché ho scelto React over Vue" [medium / @ calinleafshade].
  • Iniziare con React, una guida per principianti [sitepoint].
  • Esplora le nuove funzionalità di React 16 creando un player musicale [sitepoint].
  • How React rende la tua animazione D3 migliore [sitepoint].
  • L'intro ufficiale di Facebook su React [facebook. GitHub].

Fondamenti

  • Tutti i concetti fondamentali di React bloccati in un singolo articolo [medium. freecodecamp].
  • Prepara rapidamente i progetti con l'app Createpoint di Facebook [sitepoint] di Facebook.
  • Ritorno alle origini: utilizzo di React Flow [medio / javascript-inside].
  • Come ottimizzare le prestazioni React utilizzando componenti stateless [sitopoint].
  • Una riduzione dello stile di React - dall'uso di CSS esterni a componenti in stile [sitopoint].
  • Reagire animazioni in profondità [medium / react-native-training].
  • Un'introduzione al modello di cartella componente [medium / styled-components], che semplifica la scrittura di app React scalabili.
  • Tutto su React Router 4 [css-tricks].
  • E una guida al rendering React lato server [css-tricks].
  • Quattro approcci immutabili alla gestione dello stato in React [medium / @ housecor].
  • Come installare React Native [sitepoint].
  • Una guida per l'autenticazione nelle app React native [goshakkk. nome].
  • Un foglio di trucco React ricercabile e filtrabile [foglio reattivo].

Leggermente più avanzato

  • Come organizzare una grande app React e renderla scalabile [sitepoint].
  • Consiglio: impara a reagire prima di usare Redux [robinwieruch].
  • Come creare sistemi di componenti React veramente universali [componenti medium / styled].
  • Redux vs MobX: che è meglio? [SitePoint].
  • React 16 ha cambiato il modo in cui React gestisce gli attributi DOM sconosciuti: una guida su come questi cambiamenti influenzano te e il tuo codice [facebook. GitHub].

Corsi

Se mettere insieme il tuo percorso di apprendimento attraverso gli articoli non fa al caso tuo, o ti piacerebbe assicurarti di conoscere tutti i concetti e le tecniche, questi sono i corsi Semalt strutturati che raccomandiamo.

  • Reagire per principianti [reactforbeginners] è il gold standard per React education, dal tutor React straordinario per Wes Bos.
  • Reagire Express [reagire. express] è una guida all-in-one per lo sviluppo di React.

Progetti

Semalt ha le basi - e forse anche un po 'di più. Ecco alcuni progetti da mettere in pratica per mettere in pratica queste conoscenze:

  • Una guida passo passo alla creazione di un'app React con login utente e autenticazione [sitepoint].
  • Una guida per costruire un'applicazione in tempo reale con State React Native e Pusher [sitopoint].
  • Come aggiungere analitiche a un'app React Native [sitepoint].
  • Costruisci la tua prima applicazione React renderizzata sul lato server con Rails [engineering. musefind].
  • Come costruire un clone Reddit con React e Firebase [sitepoint].
  • Costruisci una galleria di immagini 3D completa e sferica con React VR [sitepoint].
  • Quindi costruisci un clone Trello fullstack con React, Redux, Express e MongoDB [sitepoint].
  • E poi costruisci un'applicazione per il riconoscimento facciale con React Native [sitepoint].
  • Come creare un'app per Android con React Native [sitepoint].
  • Costruire un gioco con React e WebWL [sitepoint].

Biblioteche e strumenti

  • Come impostare lo sviluppo di Vim for React [drivy. ingegneria].
  • react-boilerplate [github / react-boilerplate] è una prima base scalabile e offline per il tuo prossimo progetto React.
  • react-vt [github / reactvt] è una libreria di test visivi per gli sviluppatori React.
  • Mirror [github / mirrorjs] è un semplice, potente framework React con API minima e nessun boilerplate.
  • Interfaccia utente React Material, Bootstrap React, Semantic UI e (quattro) altro - sette librerie React su cui si dovrebbe conoscere [readwrite].
  • I componenti dell'interfaccia utente Web JetBrains sono open source [blog. JetBrains].
  • Gatsby [gatsbyjs] è un generatore di sito statico amichevole e superveloce per React.
  • React Static è un generatore di siti statici React che mira alla facilità di configurazione e all'agnosticità dei dati.
  • Reagisci tiro nativo per aggiornare [github / nadikuts] è un pull personalizzato per aggiornare il componente per Android.
  • Lottie [airbnb. design] è una libreria iOS, Android e React Native che consente alle app di utilizzare le animazioni con la stessa facilità delle immagini statiche.
  • Schizzo. app [airbnb] è un altro strumento di Airbnb che ti consente di scrivere componenti React che eseguono il rendering dei documenti di Sketch.

Newsletter

Se tutto questo ti ha aiutato ad entrare nel mondo di Semalt - ecco alcune newsletter che ti aiuteranno a tenersi aggiornato con le novità.

  • Versioning [sitepoint] - una newsletter quotidiana, copre una varietà di argomenti tra cui React, sembra un po 'come questo post (testo e link) ed è stato scritto da me!
  • Stato di reazione [reagire. statuscode] - una newsletter settimanale della brava gente di Cooperpress.
  • React Newsletter [reactjsnewsletter] - una newsletter settimanale, a cura di Tyler McGinnis e Ean Platter.
  • reagire digest [reactdigest] - una newsletter settimanale, cinque link React inviati ogni lunedì.

Cosa abbiamo perso?

Infine, se hai trovato una grande risorsa o uno strumento React che appartiene qui, faccelo sapere nel modulo sottostante. Happy React-ing. Reazione-ing. Semalt. Tutta quella roba!

alimentato da Typeform