Share some GitHub libraries worthy of collection by front-end developers

It’s always nice to have a ton of resources on hand.

As a coder, we need to focus on functionality and best practices instead of writing boilerplate code over and over again. Eliminating wasted effort and investing time in learning to use the right tools or knowing how to use useful resources can greatly help us save time.

Through this article, we will learn about someGitHublibraries that can greatly help us improve ourWEBdevelopment skills. These libraries will also help you write more Good code.

Node.js Best Practices

This library is a great place to keep you informedNodeworld and learn about best practices when using it. With40kStars and 133 contributors, this library is updated almost daily.

This library summarizes and organizes the best practices of higher-rankedNode.js, includingNode.js Dockerbest practices. Currently has more than 80 best practices, style guides and structural recommendations.

Some common best practices include:

• Better organization of projects
• Error handling practices
• Coding style practices
• Testing and overall quality practice
• Carry out production practice, etc.

Click to jumpto the warehouse

HTML5 Boilerplate

HTML5 Boilerplateis a professional front-end template for building fast, robust and adaptableWebApplication or website.

This project is the product of years of iterative development and community knowledge. It doesn't impose a specific development philosophy or framework, so you have the freedom to build your code the way you want.

Includes predefined functions like:

• Normalize.css
• jQuery with CDN
• Apache Server Configs
• UsefulCSSHelper classes
• Default styles, performance optimization, etc.

Copy and paste the required files according to what you want to use and how to use it. Just go into your project directory. This gives you a configured template, speeding up development.

Click to jumpto the warehouse

RealWorld

##Master one The core concepts and ideologies of the new framework are not a downer.

If you don't understand the concept properly, you need to read the documentation, run the sample code, disassemble the sample application and put it back together, install the

CLIlocally, etc., It takes so much experience that it's frustrating.

RealWorldallows you to choose any frontend (React,Angular2, etc.) and any backend (Node,Djangoetc.) and integrate them together to see real examples of applications.

Since these implementations are related to technology stacks, they obviously cannot be mixed, but they still follow the same functional and UX specifications.

Some common integration examples:

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

You can find endless examples in the repository. Go find it!

Click to jumpto the warehouse

You Don't Know JS Yet

##This is a series of books that delve into the core mechanics of the

JavaScript

language.All books are free and you can read them online at any time.

The author's recommended reading order is:

• Get Started
• Scope & Closures
• Objects & Classes (not started yet)
• Types & Grammar (Not started yet)
• Sync & Async (Not started yet)
• ES.Next & Beyond (Not started yet)

Click to jumpto the warehouse

Airbnb JavaScript Guide

##This is

AirbnbVery precise and professional style guide provided.

This guide will help you understand

JavaScriptfrom the ground up by diving into the basics and code snippets.

Some of the popular stuff covered in this guide are:

Arrow Functions
• Variable Hoisting
• Destructuring
• Comments
• Performance
• Test

Click to jumpto the warehouse

Storybook

Storybookis a development environment forUIcomponents. It allows you to browse the component library, view the different states of each component, and interact Develop and test components locally.

StorybookRuns outside ofapp, which allows you to developUIcomponents independently, improving component reusability, testability and development speed . You can build quickly without having to worry about application-specific dependencies.

It comes with a

CLIand some code examples for you to get familiar withStorybook.

Click to jumpto the warehouse

Front-End-Checklist

##Front-End-Checklist

is an exhaustive A list of all the elements that need to be in place or tested before a website orHTMLpage is put into use.It is a warehouse developed based on the front-end

Web

, paying more attention to performance, security andSEO. All items in

Front-End-Checklist

are required for most projects, but some elements can be omitted.Includes:

Documents or articles

• Online tools/testing tools
• Media or video content

Click to Jump

Go to the repositoryInspiration and Resources

This post is inspired by

Tech Sapien

and all his amazing work . The pictures in the library are also taken from the same place.Summary

All the libraries mentioned above are not the only resources available, I'm sure there are tons of amazing projects out there. These are some of the resources that I have found useful and that I am often immersed in myself.

Don’t forget to give these library points

Star

. To thank all the wonderful contributors for creating such a useful resource for us

Original in English Address: https://dev.to/sayanide/best-github-repos-for-web-developers-9id

If there are any mistakes in translation, please correct me. I hope you can correct me. Helps.

Tutorial recommendation: "

Git Tutorial

"

The above is the detailed content of Share some GitHub libraries worthy of collection by front-end developers. For more information, please follow other related articles on the PHP Chinese website!