Shulou(Shulou.com)06/02 Report--

This article is about what GitHub repositories are worth collecting for front-end developers. Xiaobian thinks it is quite practical, so share it with everyone for reference. Let's follow Xiaobian and have a look.

Node.js Best Practices

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

This library summarizes and collates best practices from higher-ranked Node.js, including Node.js + Docker best practices. It currently has over 80 best practices, style guides, and structure suggestions.

Some common best practices include:

Better organization of projects

Error handling practices

Code Style Practice

Testing and overall quality practices

Production practices, etc.

Click to go to the warehouse

HTML5 Boilerplate

HTML5 Boilerplate is a professional front-end template for building fast, robust and adaptable Web applications or websites.

The project is the product of years of iterative development and community knowledge. It imposes no particular development philosophy or framework, so you are free to build code your own way.

Includes predefined functions like:

Normalize.css

jQuery with CDN

Apache Server Configs

Useful CSS helper classes

Default styles, performance optimizations, etc.

Depending on what you want to use and how you want to use it, copy and paste the required files into your project directory. This provides you with a configured template that speeds up development.

Click to go to the warehouse

RealWorld

Mastering the core concepts and ideologies of a new framework is not a frustrating thing.

If you don't understand this concept correctly, you need to read the documentation, run the sample code, disassemble the sample application and put it back together, install CLI locally, etc. It takes too much experience and is frustrating.

RealWorld allows you to choose any front-end (React,Angular2, etc.) and any back-end (Node , Django, etc.) and integrate them together to see real-world examples of your application.

Since these implementations are related to the technology stack, 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 go to the warehouse

You Don't Know JS Yet

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

All books are free and you can read them online anytime.

The author suggests reading in the following order:

Get Started

Scope & Closures

Objects & Classes (not yet started)

Types & Grammar (not yet started)

Sync & Async (not started yet)

ES.Next & Beyond

Click to go to the warehouse

Airbnb JavaScript Guide

This is a very precise and professional style guide provided by Airbnb.

This guide will help you to understand JavaScript from a deeper level by delving into the basics and code snippets.

Some of the hot topics covered in this guide are:

arrow functions

variable lift

deconstruction

annotation

performance

test

Click to go to the warehouse

Storybook

Storybook is a development environment for UI components that allows you to browse component libraries, view the different states of each component, and interactively develop and test components.

Storybook runs outside of apps, allowing you to develop UI components independently, increasing component reusability, testability, and development speed. You can build quickly without worrying about application-specific dependencies.

It comes with a CLI and some code examples to familiarize you with Storybook.

Click to go to the warehouse

Front-End-Checklist

Front-End-Checklist is an exhaustive list of all the elements that need to be present or tested before a website or HTML page can be put to use.

It is a repository based on front-end Web development, with more focus on performance, security, SEO, etc.

All items in Front-End-Checklist are required for most projects, but some of them can be omitted.

Includes:

Documents or articles

Online Tools/Test Tools

Media or video content

Click to go to the warehouse

Inspiration and Resources

The inspiration for this article comes from Tech Sapien and all his amazing work. Pictures in the library Also taken from the same place.

summary

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

Don't forget to give these libraries Star Points. To thank all the wonderful contributors for creating such a useful resource for us

Thank you for reading! About "What are the GitHub repositories worthy of front-end developers 'collections" This article is shared here. I hope the above content can be of some help to everyone, so that everyone can learn more knowledge. If you think the article is good, you can share it for more people to see!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.