Probabilmente hai sentito parlare del popolare framework JavaScript di Facebook - React. È utilizzato da molti siti Web popolari, tra cui Facebook stesso e Instagram. In questo articolo troverai 5 esempi pratici che sono stati costruiti con React e che ti daranno un vantaggio con il framework. Cosa
React ha guadagnato molta popolarità di recente e ha attratto una comunità ampia e attiva. Ciò si traduce in una vasta gamma di componenti riutilizzabili che ti faranno risparmiare tempo durante la codifica. La libreria stessa incoraggia la scrittura di codice ad accoppiamento libero che sia modular
Ogni capitolo del mio nuovo libro React Quickly (Manning, 2016) ha un progetto integrato da uno screencast video. Guarda i video qui o su YouTube. Il codice è su GitHub. Reagisci rapidamente Inoltre, puoi scaricare lintero primo capitolo GRATUITAMENTE su Manning. Luscita del libro è prevista per
Questo è un estratto da Reagisci rapidamente (Manning, 2016). Puoi scaricare lintero primo capitolo gratuitamente da Manning . Luscita del libro è prevista per il primo trimestre del 2016, ma MEAP è già disponibile. Usa il codice mardandz ” per ottenere il 39% di sconto. Ogni capitolo ha un progett
Questo post è stato scritto da Scott Hasbrouck. Puoi trovarlo su Twitter o sul suo sito web. Non è stato altro che meraviglioso vedere JavaScript prendere davvero fuoco negli ultimi anni nella tecnologia web, diventando alla fine il linguaggio più utilizzato nel 2016, secondo i dati di StackOverflo
Come creare un componente elenco seleziona tutto utilizzando React in unapp Next.js. Per iniziare Per questo tutorial, useremo CheatCode Next.js Boilerplate per darci un punto di partenza per il nostro lavoro. Per prima cosa, clona il boilerplate: Terminale git clone https://github.com/cheatcode/
Come creare un modulo di carta di credito utilizzando Stripe.js e Stripe Elements, nonché come recuperare il valore del modulo di carta di credito e generare un token sorgente Stripe. Iniziare Per questo tutorial, per darci un punto di partenza per il nostro lavoro, utilizzeremo CheatCode Next.js
Ho sentito parlare di React da quando ho iniziato a imparare JavaScript, ma devo ammettere che ci ho dato unocchiata e mi ha spaventato. Ho visto quello che sembrava un mucchio di HTML mescolato con JavaScript e ho pensato, non è questo quello che abbiamo cercato di evitare? Qual è il problema con R
Un nuovo concetto è stato introdotto in React - Hooks. Gli hook sono unalternativa alle classi. Se hai già utilizzato React, avrai familiarità con i componenti semplici (funzionali) e componenti di classe . Componente semplice } Componente di classe } } Molte delle funzionalità disponibili per le
Qualsiasi elemento può essere reso modificabile con laggiunta del contenteditable attributo. Questo attributo viene utilizzato in tutto il Web, ad esempio in Fogli Google. Non ti dirò di usare o non usare contenteditable elementi nella tua app. Se scegli di utilizzare contenteditable , potresti trov
React non viene fornito con un router integrato, ma possiamo facilmente ottenere il routing con react-router-dom biblioteca. Percorso ecco come le applicazioni web dirigono il traffico. (Se sai cosè il percorso, sentiti libero di saltare questa sezione.) Esempio:se vai su taniarascia.com finisci ne
LAPI React Context è un modo per creare essenzialmente variabili globali che possono essere passate in unapp React. Questa è lalternativa alla perforazione dellelica, o al passaggio di oggetti di scena da nonno a genitore a figlio, e così via. Il contesto è spesso pubblicizzato come una soluzione pi
Qualche tempo fa, ho scritto un articolo sullutilizzo dellAPI Context in React. Tuttavia, la maggior parte dei miei esempi in quella pagina utilizzava componenti di classe, static contextType e Consumer , che è un modo tradizionale di gestire il contesto e in TYOOL 2021 vogliamo componenti belli, pu
Non cè consenso sul modo corretto di organizzare unapplicazione React. React ti dà molta libertà, ma con quella libertà arriva la responsabilità di decidere la tua architettura. Spesso capita che chiunque configuri lapplicazione allinizio getti quasi tutto in un components cartella, o forse componen
Introduzione Quando si creano applicazioni React che recuperano contenuti da fonti esterne che richiedono del tempo per essere caricati, è sempre una buona idea fornire unesperienza utente piacevole coinvolgendo gli utenti e mantenendo la loro attenzione con un caricatore, in quanto ciò aiuta gli u
Introduzione Quando si creano applicazioni React che recuperano contenuti da fonti esterne che richiedono del tempo per essere caricati, è sempre una buona idea fornire unesperienza utente piacevole coinvolgendo gli utenti e mantenendo la loro attenzione con un caricatore, in quanto ciò aiuta gli u
Introduzione Quando uno sviluppatore crea unapplicazione, il passaggio successivo consiste nel condividerla con gli amici o con il pubblico in modo che tutti possano accedervi. Il processo di trasferimento del codice da un ambiente di sviluppo a una piattaforma di hosting in cui viene servito agli
Introduzione Distribuzione è il processo di spostamento del nostro codice da un sistema di controllo del codice sorgente a una piattaforma di hosting in cui viene archiviato e può essere servito come applicazione per gli utenti finali. In genere, questo viene fatto nel cloud o su un server locale.
Introduzione Gli eventi di solito rappresentano un tipo di interazione tra lutente e lapp:ogni volta che un utente fa clic sulloggetto, digita nel campo di input, trascina o rilascia un elemento e così via. Pertanto, ogni evento di solito richiede un tipo di reazione dallapp. Ogni volta che si veri
Introduzione Un componente è probabilmente il concetto più importante da comprendere in React. È uno dei mattoni fondamentali di React che ci consente di dividere uninterfaccia utente in parti indipendenti e riutilizzabili, rendendo molto più semplice il compito di creare interfacce utente. Tutti q