Comme tout bon développeur , il est bon d'apprendre les Frameworks. Dans cet article je vous parle de ReactJS . Selon moi React est un framework (comme tout le monde l'appelle même si c'est en vrai une librairie) très simple à apprendre. Vous dire franchement que j'ai pris tellement de temps a apprendre javascript (toujours en train d'apprendre) mais que React est facile et rapide à comprendre et à appliquer. Donc, ici dans cet article, je vous partage quelques avantages et bonnes pratiques à suivre.
AVANTAGES 😀 !!
Proche de JS: React utilise javascript et JSX pour créer des composants. Les fonctionnalités de javascript peuvent être utilisées dans le développement de React.
Réutilisation des composants: la réutilisation des composants est une fonctionnalité, les développeurs étant toujours reconnaissants envers cette fonctionnalité que ReactJS offre . La réutilisation d'un même composant rend le flux de travail moins stressant pour les développeurs et beaucoup plus productif.
DOM virtuel (rendu rapide): Cette approche permet à l'API déclarative de React -> vous dites a React d'indiquer dans quel état vous voulez que l'interface utilisateur soit, et elle s'assure que le rendu corresponde à l'état.
Stabilité du code: React permet de travailler directement avec les composants et utilise la liaison de données vers le bas pour garantir que les modifications de la structure enfant n'affectent pas leurs parents. Ce qui rend le code stable ...
Optimisé pour le référencement: utilisé à la fois par les grandes entreprises et les startups innovantes.
React Hooks (améliore la gestion de l'état): à partir de la version 16.8, le plus grand atout du Hook est qu'il permet le partage ou la logique d'état
stateentre les composants sans ré-architecturer du bloc de code entier.
Communauté robuste, React était l'un des projets JavaScript - Connectés publié en tant que projet open-source par Facebook. Cela signifie aux utilisateurs de ReactJS tous les avantages d'un accès gratuit, de nombreuses applications utiles et des outils supplémentaires de la part des développeurs des entreprises.
Large ensemble d'outils React et REDUX : React&Redux sont livrés avec un ensemble correct d'outils de développement connexes qui facilitent la vie du développeur, par exemple l'extension des outils de développement React pour Chrome.
Ici, nous terminons avec les avantages de React
Meilleures pratiques de React
Lorsque vous travaillez sur vos applications basées sur React, vous devez faire attention à ce que les choses restent conformes aux meilleures pratiques. Cela aidera à garder votre code mieux organisé.
Conservez des composants petits et spécifiques à la fonction.
La ré-utilisabilité est importante, alors gardez la création d'un nouveau composant au minimum requis.
- Nommez le composant d'après sa fonctionnalité: c'est une bonne idée de nommer un composant d'après la fonction qui est exécutée afin qu'il soit facilement reconnaissable.
Utilisez des majuscules pour le nom des composants: si, comme la plupart des gens, vous utilisez JSX, les noms des composants que vous créez doivent commencer par des lettres majuscules.
Tous les fichiers liés à un composant donné doivent se trouver dans un seul dossier: s'il y a un petit composant utilisé par un composant particulier uniquement, il est logique de conserver ces petits composants ensemble dans dossier de ce composant.
Mettez CSS en Javascript: voici quelques bibliothèques sur lesquelles vous pouvez choisir de travailler
- Commentez uniquement si nécessaire
- Consolider le code en double
2. Séchez votre code
- Aspects avec état séparés du rendu (séparez les éléments logiques de l'interface utilisateur / JSX)
4.
Utiliser des bibliothèques d'extraits de code snippets libraries (ES7 react, Redux , JS snippet )
5. Ecrire des tests pour tout le code
6. Suivre les règles de liaison
Merci d'avoir lu 😎 Si vous aimez, faites moi savoir. 🤘