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.

Meilleures pratiques Node.js

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 :

• Mieux organiser vos projets
• Pratiques de gestion des erreurs
• Pratiques de style de codage
• Tests et les pratiques de qualité globales
• Conduisez les pratiques de production et plus encore

Cliquez pour accéderà l'entrepôt

HTML5 Boilerplate

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 :

• Normalize.css
• jQuery avec CDN
• Configurations du serveur Apache
• Utile CSS classes d'assistance
• Styles par défaut, optimisation des performances, etc.

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

RealWorld

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 :

• Angular + ngrx + nx
• ClojureScript + re-frame
• React/MobX
• Go + Gin
• NestJS + TypeORM/Prisma

Vous pouvez trouver une infinité d'exemples dans le référentiel. Allez le trouver !

Cliquez pour accéder à l'entrepôt

Vous ne connaissez pas encore JS

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 :

• Commencer
• Portée et fermetures
• Objets et classes (pas encore commencé)
• Types & Grammar (pas encore commencé)
• Sync & Async (pas encore démarré)
• ES.Next & Beyond (pas encore commencé)

Cliquez pour accéder au référentiel

Guide JavaScript Airbnb

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 :

• Fonctions de flèche
• Levage variable
• Déstructuration
• Commentaires
• Performance
• Test

Cliquez pour accéderà l'entrepôt

Storybook

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

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 :

• Documents ou articles
• Outils/outils de test en ligne
• Contenu multimédia ou vidéo

Cliquez pour accéderAu référentiel

Inspiration et ressources

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.

Résumé

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!