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

This article mainly introduces "what are the more popular repositories on GitHub in web". In daily operation, I believe that many people have doubts about the more popular repositories on GitHub in web. The editor consulted all kinds of materials and sorted out simple and easy-to-use methods of operation. I hope it will be helpful to answer the questions of "what are the more popular repositories on GitHub in web?" Next, please follow the editor to study!

1 、 Realworld

The first repository to recommend is Realworld, which the creator calls "the mother of demo applications." This is certainly a bold statement, but it is not an exaggeration.

Realworld is a typical replica of Medium.com (yes, it's probably the platform you're browsing!). Not only that, Realworld allows developers to choose between different front-end and back-end implementations, or even combine the two.

Vue.js+Node/Express or React/Redux+Rust, you can handle it!

With Realworld, isn't it amazing that the same social software can be built in any different popular language or framework?

2 、 You Don't Know JS Yet

This repository is actually a very popular series of books written by Kyle Simpson and widely known under the pseudonym Getify. This set of books delves into the mechanisms of JavaScript and covers the following:

Get started.

Scope and closure

Objects and classes

Types and syntax

Synchronous and asynchronous

ES.Next and others

The advantage of this set of books is that they are completely open to readers. This is definitely one of the best books in the series about JavaScript, and it also helps me understand what JavaScript really means. Even if you think you know JavaScript very well, you should read this set of books carefully, and you will certainly get unexpected gains!

3 、 Airbnb JavaScript Style Guide

The most reasonable way to learn JavaScript

Airbnb JavaScript Style Guide is one of the most common and popular style guides that can help developers write better JS code, especially useful in teamwork or in conjunction with ESLint.

The following is an example from a file that uses const instead of var:

/ / bad var a = 1; var b = 2; / / good const a = 1; const b = 2

4 、 Storybook

Storybook is a development environment for UI components. It allows developers to browse the component library, view the different states of each component, and interactively develop and test components, while supporting React, Vue, Angular, React Native, Ember, Web and many other components!

Storybook runs independently of the application. This allows developers to develop UI components separately, thus improving the reusability, testability and development speed of the components. Developers can build quickly without having to worry about dependencies with specific applications.

5 、 HTML5 Boilerplate

HTML5Boilerplate is not only a professional front-end template, but also one of the more popular front-end templates on the network. It can help developers build fast, durable and adaptable websites or applications that are used by companies such as Microsoft, NASA and Nike.

Here are some important features of HTML5 Boilerplate:

Configure HTML5.

Progressive enhancement is taken into account in the design.

Including: Normalize.css, jQuery and Modernizer.

Improve the performance and security of the website through configuration.

Placeholder CSS media query.

Default plot style, performance optimization.

An optimized version of Google's general analysis tools platform.

6 、 Node.js Best Practices

This repository integrates a wide range of good practices on Node.js development and is currently made up of more than 80 good practices, style guides, and architectural techniques.

It contains the following:

Project structure practice

Error handling practice

Code style practice

Testing and overall quality practice

Put into production practice

Security practice

Effect practice

This is undoubtedly an excellent repository that contains a lot of information. If you want to try Node.js development, this repository will be a good choice!

7 、 Front-End Checklist

Before starting the web application, have you ever asked yourself what it needs to include? What tests need to be done? that's all covered in Front-End Checklist!

The following list is required for most projects and is structured as follows:

Title

HTML

Network font

CSS

Image

JavaScript

Safety

Performance

Realizability

SEO

Translation

Here is an example from MetaData, an app on Apple's website:

8 、 NW.js

NW.js is an application runtime based on Chromium and node.js. On NW.js, developers can write local applications in HTML and JavaScript. It also allows developers to call Node.js modules directly from DOM, creating a new way to write native applications that are suitable for any Web technology.

The following are its main functions:

Write applications using modern HTML5, CSS3, JS, and WebGL.

Node.js API and all its third-party modules are fully supported.

Good performance: Node and WebKit run in the same thread.

It is easy to package and distribute applications.

Can be used on Linux, Mac OS X and Windows.

9 、 fullPage.js

FullPage.js provided by Alvaro Trigo is an easy-to-use repository that allows developers to create SPA (single-page applications) and horizontal sliders that can be used in Vue, React, and Angular to fully respond to mobile devices.

Developers are free to use this repository in open source projects, but they must purchase a license if they want to use it in a commercial environment.

This repository is so cool that it's worth seeing!

I hope you can use the above repository in your own project or elsewhere.

At this point, the study on "what are the more popular repositories on GitHub in web" is over. I hope to be able to solve your doubts. The collocation of theory and practice can better help you learn, go and try it! If you want to continue to learn more related knowledge, please continue to follow the website, the editor will continue to work hard to bring you more practical articles!

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.