React
-
Comment créer un composant écouteur de raccourcis clavier réutilisable dans React
Si vous êtes comme moi et que vous adorez les raccourcis, vous savez à quel point il est satisfaisant d’appuyer sur quelques touches et de voir la magie opérer. Que ce soit le célèbre Ctrl+C – Ctrl+V que les développeurs utilisent pour « emprunter du code » 😉 des LLM et des pages de code, ou les raccourcis personnalisés que nous mettons en place dans nos outils préférés, les raccourcis clavier font gagner du temps et nous font sentir comme des experts…
-
Comment créer et envoyer des modèles d’e-mails en utilisant React Email et Resend dans Next.js
Les applications logicielles modernes s’appuient souvent sur la communication par e-mail pour interagir avec les utilisateurs. Elles peuvent envoyer des codes d’authentification lors de tentatives de connexion, des e-mails marketing ou des newsletters, par exemple. Cela signifie que les notifications par e-mail sont généralement le moyen de communication le plus courant avec les utilisateurs. Dans ce tutoriel, vous apprendrez comment concevoir des modèles d’e-mail époustouflants avec React Email et les envoyer en utilisant Resend – une plateforme API e-mail simple…
-
Comment créer des applications multilingues avec i18n en React
J’ai récemment travaillé sur un projet passionnant qui impliquait la création d’un site web capable de basculer entre les langues pour attirer un public plus large. Cela m’a permis de mieux comprendre le concept de « localisation », qui consiste généralement à adapter le contenu pour le rendre pertinent, accessible et compréhensible pour les utilisateurs de différentes langues et régions. La localisation ne se limite pas à la traduction des mots, il s’agit de créer une expérience qui permet aux utilisateurs de…
-
Apprenez React de Bob Ziroll
Apprendre React peut sembler difficile au début, surtout lorsque vous n’êtes pas sûr de comment commencer ou que vous vous retrouvez à fixer un éditeur de code vide. Mais le bon cours peut vous aider à comprendre les concepts principaux et vous permettre d’acquérir de l’expérience pratique en construisant des projets réels. Nous venons de publier un cours sur la chaîne YouTube de freeCodeCamp.org qui vous apprend React moderne de la manière la plus engageante et pratique possible. Créé par…
-
Comment construire un jeu de cartes mémoire en utilisant React
Récemment, en regardant ma fille 🧒🏻 jouer à des jeux de mémoire gratuits sur sa tablette, j’ai remarqué qu’elle avait du mal avec un nombre écrasant de publicités et de bannières pop-up agaçantes. Cela m’a inspiré à créer un jeu similaire pour elle. Comme elle est actuellement fan d’anime, j’ai décidé de créer le jeu en utilisant des images mignonnes au style anime. Dans cet article, je vais vous guider à travers le processus de construction du jeu pour vous-même…
-
Construire et déployer une application RH en utilisant Refine
Introduction Dans ce tutoriel, nous allons créer une application de gestion des ressources humaines avec le Refine Framework et la déployer sur la DigitalOcean App Platform. À la fin de ce tutoriel, nous aurons une application de gestion des ressources humaines qui comprend : Page de connexion : Permet aux utilisateurs de se connecter en tant que manager ou employé. Les managers ont accès aux pages Congés et Demandes, tandis que les employés n’ont accès qu’à la page Congés. Pages…
-
Comment construire une application CRUD en utilisant React et Convex
Les opérations CRUD sont la base de chaque application, il est donc essentiel de maîtriser celles-ci lors de l’apprentissage de nouvelles technologies. Dans ce tutoriel, vous apprendrez comment construire une application CRUD en utilisant React et Convex. Nous aborderons ces opérations en construisant un projet appelé Collections de Livres. Dans ce projet, les utilisateurs pourront ajouter des livres et mettre à jour leur statut une fois qu’ils auront terminé un livre. Table des matières Qu’est-ce que Convex ? Comment installer…
-
Comment passer des arguments supplémentaires aux actions du serveur Next.js
La mutation asynchrone des données et son traitement sont des tâches indispensables dans les applications web modernes. Vous souhaitez peut-être exécuter une fonction asynchrone indépendante sur le serveur pour effectuer des tâches telles que sauvegarder des données dans le stockage de données, envoyer des courriels, télécharger des PDF, traiter des images, et ainsi de suite. Next.js nous fournit des Actions du Serveur qui sont des fonctions asynchrones exécutées sur le serveur. Nous pouvons utiliser les actions du serveur pour les…
-
Comment utiliser RxStomp avec React – Construire un chat avec STOMP et React
STOMP est un protocole extrêmement simple et puissant pour l’envoi de messages mis en œuvre par des serveurs populaires tels que RabbitMQ, ActiveMQ et Apollo. L’utilisation de STOMP sur WebSocket est un protocole direct et facile à utiliser, ce qui en fait une solution populaire pour l’envoi de messages depuis un navigateur Web, car des protocoles tels que AMQP sont limités par les navigateurs qui ne permettent pas les connexions TCP. Pour utiliser STOMP sur WebSocket, vous pouvez utiliser @stomp/stompjs,…