Maison > Article > outils de développement > Partagez des bibliothèques GitHub dignes d'être collectées par les développeurs front-end
C'est toujours agréable d'avoir des tonnes de ressources sous la main.
En tant que codeur, nous devons nous concentrer sur les fonctionnalités et les meilleures pratiques au lieu d'écrire du code passe-partout encore et encore. Éliminer les efforts inutiles et investir du temps pour apprendre à utiliser les bons outils ou savoir comment utiliser des ressources utiles peut grandement nous aider à gagner du temps.
À travers cet article, nous découvrirons certaines WEB
bibliothèques qui peuvent grandement nous aider à améliorer nos GitHub
compétences en développement. Ces bibliothèques vous aideront également à écrire un meilleur code.
Cette bibliothèque est un endroit idéal pour rester informéNode
du monde et apprendre sur les meilleures pratiques lors de son utilisation. Avec des 40k
Étoiles et 133 contributeurs, cette bibliothèque est mise à jour quasi quotidiennement.
Cette bibliothèque résume et organise les meilleures pratiques classées plus haut Node.js
, y compris Node.js + Docker
les meilleures pratiques. Contient actuellement plus de 80 bonnes pratiques, guides de style, recommandations structurelles, etc.
Certaines bonnes pratiques courantes incluent :
Cliquez pour accéderà l'entrepôt
HTML5 Boilerplate
est un modèle frontal professionnel permettant de créer des applications ou des sites Web Web
rapides, robustes et adaptables.
Ce projet est le produit d'années de développement itératif et de connaissance de la communauté. Il n'impose pas de philosophie ou de cadre de développement spécifique, vous avez donc la liberté de créer votre code comme vous le souhaitez.
Inclut des fonctionnalités prédéfinies telles que :
CSS
classes d'assistance Copiez et collez les fichiers requis dans le répertoire de votre projet en fonction de ce que vous souhaitez utiliser et de la manière de l'utiliser. à l'intérieur. Cela vous donne un modèle configuré, accélérant le développement.
Cliquez pour accéderà l'entrepôt
Maître 1. Les concepts et idéologies fondamentaux du nouveau cadre ne sont pas déprimants.
Si vous ne comprenez pas bien le concept, vous devez lire la documentation, exécuter l'exemple de code, démonter l'exemple d'application et le remonter, l'installer localement CLI
etc. Cela prend trop de temps Tant d'expériences, frustrantes.
RealWorld
vous permet de sélectionner n'importe quel frontend (React
, Angular2
etc.) et n'importe quel backend (Node
, Django
etc.) et de les intégrer ensemble pour afficher les exemples réels de votre application .
Étant donné que ces implémentations dépendent de la pile technologique, elles ne peuvent évidemment pas être mélangées, mais elles suivent toujours les mêmes spécifications fonctionnelles et UX.
Quelques exemples d'intégration courants :
Vous pouvez trouver une infinité d'exemples dans le référentiel. Allez le trouver !
Cliquez pour accéder à l'entrepôt
Il s'agit d'une série de livres qui approfondissent JavaScript
les mécanismes de base du langage.
Tous les livres sont gratuits et vous pouvez les lire en ligne à tout moment.
L'ordre de lecture recommandé par l'auteur est :
Cliquez pour accéder au référentiel
Ceci est très précis fourni par Airbnb
et des guides de style professionnels.
Ce guide vous aidera à comprendre JavaScript
de A à Z en plongeant dans les bases et les extraits de code.
Certaines des fonctionnalités les plus populaires abordées dans ce guide sont :
Cliquez pour accéderà l'entrepôt
Storybook
est un environnement de développement pour UI
composants, qui vous permet de parcourir la bibliothèque de composants, de visualiser les différents états de chaque composant, et de développer et tester composants de manière interactive.
Storybook
fonctionne en dehors de app
, ce qui vous permet de développer UI
des composants de manière indépendante, améliorant ainsi la réutilisabilité, la testabilité et la vitesse de développement des composants. Vous pouvez créer rapidement sans avoir à vous soucier des dépendances spécifiques à l'application.
Il est livré avec un CLI
et quelques exemples de code pour vous familiariser avec Storybook
.
Cliquez pour accéder au référentiel
Front-End-Checklist
est une liste exhaustive de tout ce qui doit être fait avant un site Web ou HTML
la page est mise en service. Tous les éléments qui doivent être présents ou testés.
Il s'agit d'un entrepôt développé sur la base du front-end Web
et accorde plus d'attention aux performances, à la sécurité et SEO
etc. Tous les éléments de
Front-End-Checklist
sont requis pour la plupart des projets, mais certains éléments peuvent être omis.
Comprend :
Cliquez pour accéderAu référentiel
Cet article est inspiré de Tech Sapien et de tout son travail incroyable. Les images de la bibliothèque sont également prises au même endroit.
Toutes les bibliothèques mentionnées ci-dessus ne sont pas les seules ressources disponibles, je suis sûr qu'il existe des tonnes de projets incroyables. Voici quelques-unes des ressources que j’ai trouvées utiles et dans lesquelles je me suis immergé régulièrement.
N'oubliez pas de donner ces points bibliothèque Star
. Un grand merci à tous les merveilleux contributeurs qui ont créé des ressources si utiles pour nous
Texte original en anglais Adresse : https://dev.to/sayanide/best-github-repos-for-web-developers-9id
S'il y a des erreurs de traduction, veuillez me corriger. j'espère que vous pourrez me corriger.
Recommandation du didacticiel : "Tutoriel Git"
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!