9 popular and useful github repos for web developers

Tram Ho

Today github is a place that can contain everything related to programming that any developer can access. Frameworks, demos, or a mix of genres – there’s nothing you can’t find on Github. However, the huge number of Github is a problem. There will be interesting things that you may have never heard of, simply because there are too many repos available. In this article I will introduce to you some popular Github repos that you should know, each of the following repos has at least ~ 30,000 stars.

Realworld

The first repo on that list is Realworld . The creators said to call it nothing more than “The Mother of all Demo Apps”. A bold statement, but I don’t think it’s an exaggeration. Realworld is a simulation model of Medium.com . But not only that, this repo allows you to choose between different Front-end and Back-end platforms, from which you can combine them.

Vue.js + Node / Express or React / Redux + Rust? They have socks!

Realworld shows you the correct way to build an application based on almost any kind of language or framework. Isn’t that great?

You Don’t Know JS Yet

This repo is a famous series of books written by Kyle Simpson, who is widely known under his alias, Getify. The books dive into the mechanics of JavaScript and cover the following topics:

  • Get Started
  • Scope & Closures
  • Objects & Classes
  • Types & Grammar
  • Sync & Async
  • ES.Next & Beyond

What is the best thing? It is completely free to read! This is definitely one of the best JavaScript series and it really helps me understand what JS really is. Even if you think you know JavaScript well – read through it, you’ll be amazed.

Airbnb JavaScript Style Guide

A more logical approach to JavaScript.

Airbnb JavaScript Style Guide is one of the most popular and used style guides available. It helps you write better JS code and is especially useful in teams and in conjunction with ESLint.

Here is an example from the docs regarding the use of const instead of var:

Storybook

Storybook is a development environment for UI components. It allows you to browse a component library, view the different states of each component, directly develop and test the components. It also supports React, Vue, Angular, React Native, Ember, Web Components and more!

Storybook runs outside your application. This allows you to develop individual UI components, which can improve component reuse, testability, and development speed. You can build quickly without having to worry about application-specific dependencies.

You can find more great examples here .

HTML5 Boilerplate

Homepage: https://html5boilerplate.com/

HTML5 Boilerplate is one of the most popular and professional Front-end templates on the web. It helps you build fast or powerful websites or apps. Companies like Microsoft, NASA and Nike all use it.

Here are some key features:

  • HTML5 available.
  • Designed with progressive thought.
  • Includes: Normalize.css, jQuery and Modernizer
  • Set up to improve site performance and security ..
  • Placeholder CSS Media Queries.
  • Default interface type, optimize performance.
  • An optimal version of the Google Universal Analytics snippet.

Node.js Best Practices

This repo is a comprehensive collection of best practices related to Node.js development. It currently includes more than 80 best practices, code style guides and architecture-related tips.

You can find information in this repo about:

  • Practice project structure
  • Practice handling errors
  • Practice code style
  • Check and practice overall quality
  • Go to product practices
  • Privacy practices
  • Practice of performance

Front-End Checklist

Have you ever wondered what you need to have or have to check in your web application before getting started? Front-End Checklist will take care of that for you!

Many items listed are mandatory for the majority of projects and are organized as follows:

  • Head
  • HTML
  • Webfonts
  • CSS
  • Images
  • JavaScript
  • Security
  • Efficiency
  • Accessibility
  • SEO
  • Multi language

Here is an MetaData example for Apple’s web application:

NW.js

NW.js is a real-time application based on Chromium and node.js You can write native applications in HTML and JavaScript with NW.js. It also allows you to call Node.js modules directly from the DOM and allows a new way to write native applications with all Web techniques.

Here are some key features:

  • The applications are written in HTML5, CSS3, JS and WebGL.
  • Full support for the Node.js API and all third party modules.
  • Good performance: Node and WebKit run in the same thread.
  • Easy to pack and distribute apps.
  • Available on Linux, Mac OS X and Windows.

fullPage.js

Alvaro Trigo’s fullPage.js is a simple and easy-to-use library that allows you to create SPA (Single Page Applications). It is available with Vue, React and Angular and is fully responsive for mobile devices.

You can find some great examples here .

This library is free to use in open source projects. However, if you want to use it in a commercial environment, you must purchase the license.

summary

Above are some useful repos that you should look at at least once in the life of the programmer, because maybe it can help you improve your ability and knowledge, hope the article can. Brings you a new sky on the road to becoming a programmer with a mind and a vision 😄

Share the news now

Source : Techtalk