React

Se sei come me e adori le scorciatoie, sai quanto sia soddisfacente premere alcuni tasti e vedere la magia accadere. Che si tratti del familiare Ctrl+C – Ctrl+V che gli sviluppatori usano per “prendere in prestito codice” 😉 da LLM e pagine di codice, o delle scorciatoie personalizzate che impostiamo nei nostri strumenti preferiti, le scorciatoie da tastiera risparmiano tempo e ci fanno sentire come dei maghi del computer. Bene, non temere! Ho scoperto il segreto per creare componenti che…

Le moderne applicazioni software spesso si affidano alla comunicazione via email per interagire con gli utenti. Possono inviare codici di autenticazione durante i tentativi di accesso, email di marketing o newsletter, ad esempio. Ciò significa che le notifiche via email sono tipicamente il mezzo di comunicazione più comune con gli utenti. In questo tutorial, imparerai come progettare splendidi modelli di email con React Email e inviarli usando Resend – una piattaforma API per email semplice e potente. Prerequisiti Per trarre…

Ho recentemente lavorato su un progetto eccitante che coinvolgeva la creazione di un sito web in grado di passare da una lingua all’altra per attrarre un pubblico più ampio. Questo mi ha fatto comprendere meglio il concetto di “localizzazione”, che di solito comporta l’adattamento dei contenuti per renderli pertinenti, accessibili e facilmente comprensibili per gli utenti in diverse lingue e regioni. La localizzazione non riguarda solo la traduzione delle parole, ma la creazione di un’esperienza che faccia sentire gli utenti…

Imparare React può sembrare difficile all’inizio, specialmente quando non sei sicuro di come iniziare o ti ritrovi a fissare un editor di codice vuoto. Ma il corso giusto può aiutarti a capire i concetti fondamentali e a acquisire esperienza pratica costruendo progetti reali. Abbiamo appena pubblicato un corso sul canale YouTube di freeCodeCamp.org che ti insegna il React moderno nel modo più coinvolgente e pratico possibile. Creato da Bob Ziroll di Scrimba, questo corso è ricco di oltre 170 sfide…

Di recente, mentre guardavo mia figlia 🧒🏻 giocare a giochi di memoria gratuiti sul suo tablet, ho notato che si trovava in difficoltà a causa di un numero travolgente di annunci e fastidiosi banner pop-up. Questo mi ha ispirato a costruire un gioco simile per lei. Poiché attualmente è appassionata di anime, ho deciso di creare il gioco utilizzando immagini carine in stile anime. In questo articolo, ti guiderò attraverso il processo di costruzione del gioco per te stesso o…

Introduzione In questo tutorial, costruiremo un’applicazione di gestione HR con il Refine Framework e la deployeremo sulla DigitalOcean App Platform. Alla fine di questo tutorial, avremo un’applicazione di gestione HR che include: Pagina di accesso: Consente agli utenti di accedere come manager o dipendente. I manager hanno accesso alle pagine Time Off e Requests, mentre i dipendenti hanno accesso solo alla pagina Time Off. Pagine Time Off: Permette ai dipendenti di richiedere, visualizzare e annullare il loro tempo libero. Inoltre,…

Le operazioni CRUD sono la base di ogni applicazione, quindi è essenziale diventare efficienti nelle stesse quando si impara nuove tecnologie. In questo tutorial, imparerete come costruire un’applicazione CRUD usando React e Convex. Vedremo queste operazioni costruendo un progetto chiamato Raccolte di Libri. In questo progetto, gli utenti saranno in grado di aggiungere libri e aggiornare il loro stato una volta completato un libro. Indice Cos’è Convex? Come impostare il tuo progetto Come creare il schema Come creare l’interfaccia utente…

La mutazione asincrona dei dati e la sua gestione sono attività necessarie in applicazioni web moderne. Puoi voler eseguire una funzione asincrona indipendente sul server per svolgere compiti come il salvataggio dati nel data store, l’invio di email, il download di PDF, il processamento di immagini e così via. Next.js ci fornisce con Azioni del Server che sono funzioni asincrone che vengono eseguite sul server. Possiamo usare le azioni del server per le mutazioni dei dati sul server, ma le…

STOMP è un semplice e potente protocollo per l’invio di messaggi implementato da server popolari come RabbitMQ, ActiveMQ e Apollo. L’utilizzo di STOMP su WebSocket è un protocollo diretto, rendendolo una scelta popolare per l’invio di messaggi da un browser web, poiché protocolli come AMQP sono limitati dai browser che non consentono connessioni TCP. Per usare STOMP su WebSocket, è possibile utilizzare @stomp/stompjs, ma questo ha callback complicati e un’API complicata che è adatta a casi d’uso specializzati. Fortunatamente, esiste…