Catégories
Astuces et Design

Une manière réfléchie d'utiliser le crochet useRef () de React – Smashing Magazine

Dans un composant React, useState et useReducer peut provoquer le nouveau rendu de votre composant à chaque fois qu'il y a un appel aux fonctions de mise à jour. Dans cet article, vous découvrirez comment utiliser le useRef() hook pour garder une trace des variables sans provoquer de re-rendus, et comment appliquer le re-rendu des […]

Catégories
Astuces et Design

Créer une application React: préparez rapidement les projets React

Démarrer un nouveau projet React n’est pas aussi simple. Au lieu de plonger directement dans le code et de donner vie à votre application, vous devez passer du temps à configurer les bons outils de construction pour mettre en place un environnement de développement local, des tests unitaires et une version de production. Heureusement, l'aide […]

Catégories
Astuces et Design

Authentification des applications React avec Auth0 – Smashing Magazine

A propos de l'auteur Nefe est un développeur frontend qui aime apprendre de nouvelles choses et partager ses connaissances avec les autres. Plus à propos Nefe … Un aspect important du développement d'applications est de s'assurer que seuls les utilisateurs vérifiés ont accès à nos applications. Cela peut être fastidieux et coûteux, en particulier lorsque […]

Catégories
Astuces et Design

Premiers pas avec React Native

Avec la popularité croissante des smartphones, les développeurs recherchent des solutions pour créer des applications mobiles. Pour les développeurs ayant une expérience Web, des frameworks tels que Cordova et Ionic, React Native, NativeScript et Flutter nous permettent de créer des applications mobiles avec des langages que nous connaissons déjà: HTML, XML, CSS et JavaScript. Dans […]

Catégories
Astuces et Design

Une plongée dans React et Three.js en utilisant React-Three-Fiber – Smashing Magazine

A propos de l'auteur Fortune Ikechi est un ingénieur Frontend basé dans l'État de Rivers au Nigeria. Il est étudiant à l'Université de Port-Harcourt. Il est passionné par la communauté et… Plus à propos Fortune … react-three-fiber est un puissant moteur de rendu Three.js qui permet de rendre des modèles 3D et des animations pour […]

Catégories
Astuces et Design

Comment organiser une grande application React et la faire évoluer

Cet article a été rédigé par un auteur invité Jack Franklin. Les publications d'invités de SitePoint visent à vous proposer du contenu attrayant rédigé par d'éminents écrivains et intervenants de la communauté Web. Dans cet article, je vais discuter de l'approche que j'adopte lors de la création et de la structuration de grandes applications React. […]

Catégories
Astuces et Design

Composants d'ordre supérieur: un modèle de conception d'application React

Cet article est rédigé par l'auteur invité Jack Franklin. Les messages d'invités de SitePoint visent à vous proposer du contenu attrayant rédigé par d'éminents écrivains et orateurs de la communauté JavaScript Dans cet article, nous verrons comment utiliser des composants d'ordre supérieur pour garder vos applications React ordonnées, bien structurées et faciles à entretenir. Nous […]

Catégories
Astuces et Design

Travailler avec des formulaires dans React

Presque toutes les applications doivent accepter l'entrée de l'utilisateur à un moment donné, et cela est généralement réalisé avec le vénérable formulaire HTML et sa collection de contrôles d'entrée. Si vous avez récemment commencé à apprendre React, vous êtes probablement arrivé au point où vous vous demandez maintenant: "Comment puis-je travailler avec les formulaires?" Cet […]

Catégories
Astuces et Design

Anima 4.0 transforme les conceptions en code React convivial pour les développeurs + un cadeau gratuit

Si vous recherchez un outil pour transformer la conception en un code fonctionnel et convivial pour les développeurs, permettant aux concepteurs, développeurs et équipes produit de travailler ensemble plus efficacement, vous devez essayez Anima 4.0. Ici, nous allons vous présenter tous ses avantages et vous donner la chance de l'essayer par vous-même, en participant à […]

Catégories
Astuces et Design

Comment créer un clone Reddit à l'aide de React et Firebase

React est une fantastique bibliothèque frontale pour la création d'interfaces utilisateur. Lorsque vous choisissez un back-end à utiliser avec lui, vous ne pouvez pas vous tromper avec Firebase, un backend-as-a-service (Baas) qui facilite l'ajout de la persistance des données (et bien plus encore) à votre application React. Dans ce didacticiel, nous utiliserons Firebase avec l'application […]

Catégories
Astuces et Design

Supercharge Testing React Applications avec Wallaby.js – Smashing Magazine

A propos de l'auteur Kelvin est un fabricant de logiciels indépendant qui construit actuellement Sailscasts – une plate-forme pour apprendre le JavaScript côté serveur. Il est également rédacteur technique et… Plus à propos Kelvin … Avez-vous déjà dû passer de votre éditeur à votre terminal pour voir les résultats de vos tests? Cet article vous […]

Catégories
Astuces et Design

Gérer des tâches de longue durée dans une application React avec des Web Workers – Smashing Magazine

A propos de l'auteur Développeur frontend génial qui aime tout le codage. Je suis un amoureux de la musique chorale et je travaille pour la rendre plus accessible au monde, une mise en ligne à un… Plus à propos Chidi … Dans ce didacticiel, nous allons apprendre à utiliser l'API Web Worker pour gérer les […]

Catégories
Astuces et Design

React Hooks: Comment démarrer et créer le vôtre

Les Hooks ont pris d'assaut le monde React. Dans ce didacticiel, nous allons examiner ce que sont les hooks et comment vous les utilisez. Je vais vous présenter quelques crochets courants fournis avec React et vous montrer comment écrire le vôtre. Lorsque vous aurez terminé, vous pourrez utiliser des crochets dans vos propres projets React. […]

Catégories
Astuces et Design

Premiers pas avec React: Guide du débutant

React est une bibliothèque JavaScript remarquable qui a pris d'assaut la communauté des développeurs. En un mot, il est plus facile pour les développeurs de créer des interfaces utilisateur interactives pour les plates-formes Web, mobiles et de bureau. Aujourd'hui, des milliers d'entreprises dans le monde utilisent React, y compris de grands noms tels que Netflix […]

Catégories
Astuces et Design

Créer un interrupteur à bascule dans React en tant que composant réutilisable

Dans cet article, nous allons créer un interrupteur à bascule inspiré d'iOS à l'aide de React. Ce sera un petit composant autonome que vous pourrez réutiliser dans de futurs projets. Au fur et à mesure, nous allons également créer une application React de démonstration simple qui utilise notre composant d'interrupteur à bascule personnalisé. Nous pourrions […]

Catégories
Astuces et Design

Tests unitaires dans les applications natives React – Smashing Magazine

A propos de l'auteur Fortune Ikechi est un ingénieur Frontend basé dans l'État de Rivers au Nigeria. Il est étudiant à l'Université de Port-Harcourt. Il est passionné par la communauté et… Plus à propos Fortune … Les tests unitaires font désormais partie intégrante du processus de développement logiciel. C'est le niveau de test auquel les […]

Catégories
Astuces et Design

Image de pré-mise en cache avec React Suspense

Suspense est une fonctionnalité passionnante et à venir de React qui permettra aux développeurs d'autoriser facilement leurs composants à retarder le rendu jusqu'à ce qu'ils soient «prêts», ce qui permettra une expérience utilisateur beaucoup plus fluide. «Prêt», dans ce contexte, peut signifier un certain nombre de choses. Par exemple, votre utilitaire de chargement de données […]

Catégories
Astuces et Design

Composants Style React: comparaison de 7 façons

J'ai travaillé avec quelques développeurs de mon bureau sur des projets React, qui ont des niveaux d'expérience différents dans React. Cet article est né d'une question posée par l'un d'eux sur la meilleure façon de styliser les composants React. Il existe plusieurs façons de styliser les composants React. Choisir la bonne méthode pour styliser les […]

Catégories
Astuces et Design

Animation de composants React avec GreenSock – Smashing Magazine

A propos de l'auteur Blessing Krofegha est un ingénieur logiciel basé à Lagos au Nigeria, avec un désir ardent de contribuer à rendre le Web génial pour tous, en écrivant et en construisant… Plus à propos Bénédiction … GreenSock Animation Platform (GSAP) est un ensemble de fonctions JavaScript qui vous permettent d'interpeller une valeur / […]

Catégories
Astuces et Design

Comprendre GraphQl côté client avec Apollo-Client dans React Apps – Smashing Magazine

A propos de l'auteur Blessing Krofegha est un ingénieur logiciel basé à Lagos au Nigeria, avec un désir ardent de contribuer à rendre le Web génial pour tous, en écrivant et en construisant… Plus à propos Bénédiction … Avez-vous déjà essayé d'interagir avec un serveur GraphQL dans une application côté client et avez-vous envie d'abandonner […]