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 some GitHub libraries that can greatly help us improve our WEB development skills. These libraries will also help you write more Good code.

Node.js Best Practices

This library is a great place to keep you informedNode world and learn about best practices when using it. With 40k Stars and 133 contributors, this library is updated almost daily.

This library summarizes and organizes the best practices of higher-ranked Node.js, including Node.js Docker best 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 jump to the warehouse

HTML5 Boilerplate

HTML5 Boilerplate is a professional front-end template for building fast, robust and adaptable Web Application 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
• Useful CSS Helper 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 jump to 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

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

RealWorld allows you to choose any frontend (React, Angular2, etc.) and any backend (Node, Django etc.) 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

Airbnb Very precise and professional style guide provided.

This guide will help you understand

JavaScript from 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 jump to the warehouse

Storybook

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

Storybook Runs outside of app, which allows you to develop UI components independently, improving component reusability, testability and development speed . You can build quickly without having to worry about application-specific dependencies.

It comes with a

CLI and some code examples for you to get familiar with Storybook.

Click to jump to 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 or HTML page is put into use. It is a warehouse developed based on the front-end

Web

, paying more attention to performance, security and SEO. 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!