DEV Community

Cover image for 9 Popular GitHub Repos For Every Web Developer
Simon Holdorf
Simon Holdorf

Posted on • Updated on • Originally published at thesmartcoder.dev

9 Popular GitHub Repos For Every Web Developer

GitHub is the one-stop-shop for everything related to (web) development these days. Frameworks, demos, collections of all sorts — there’s probably nothing you cannot find on GitHub. However, this huge quantity of things is the problem. There are cool things you’ll probably never hear about, simply because there are so many repositories available.

So, once again I’ve decided to bring to you some of the most popular GitHub repositories you should know about, each of them having at least ~30,000 stars.


Realworld

9r1
The first repository in this list is Realworld. Its creators call it nothing less than “The Mother of all Demo Apps.” A bold statement, for sure, but I don’t think it’s an exaggeration.

Realworld is an exemplary Medium.com clone. But not only that. The repository lets you choose between different front end and back end implementations, which you can happily mix.
Vue.js + Node/Express or React /Redux + Rust? They got it!

Realworld shows you how the exact same blog app is built on almost any popular language or framework. How awesome is that?


You Don’t Know JS Yet

9r2
This repository is a popular book series by Kyle Simpson who is widely known under his alias, Getify. The books dive deep into the mechanics of JavaScript and cover the following topics:

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

The best thing? It’s completely free to read! It’s definitely one of the best series about JavaScript and it really helped me to understand what JS is really about. Even if you think you know JavaScript well — read the books! You will be surprised, I promise.


Airbnb JavaScript Style Guide

A mostly reasonable approach to JavaScript.

The Airbnb JavaScript Style Guide is one of the most popular and commonly used style guides out there. It helps you write better JS code and is especially helpful in teams and in combination with ESLint.

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


Storybook

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

Storybook runs outside your app. This allows you to develop UI components in isolation, which can improve component reuse, testability, and development speed. You can build quickly without having to worry about application-specific dependencies.
You can find some great examples here.


HTML5 Boilerplate

HTML5 Boilerplate is a professional, and one of the most popular, front-end templates around the web. It helps you build fast, robust, and adaptable websites or apps. Companies like Microsoft, NASA, and Nike use it.

Here are some of the key features:

  • HTML5 ready.
  • Designed with progressive enhancement in mind.
  • Includes:Normalize.css, jQuery, and Modernizer
  • Configs that improve the website's performance and security.
  • Placeholder CSS Media Queries.
  • Default print styles, performance-optimized.
  • An optimized version of the Google Universal Analytics snippet.

Node.js Best Practices

9r5
This repository is a comprehensive collection of various best practices regarding Node.js development. It currently consists of more than 80 best practices, style guides, and architectural tips.

You can find information about:

  • Project Structure Practices
  • Error Handling Practices
  • Code Style Practices
  • Testing And Overall Quality Practices
  • Going To Production Practices
  • Security Practices
  • Performance Practices

It definitely is a great repo and source of information. If you are into Node.js development, check this one out!


Front-End Checklist

9r6
Have you ever asked yourself what you need to have or test in your web application before launching it? The Front-End Checklist repository has you covered!

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

  • Head
  • HTML
  • Webfonts
  • CSS
  • Images
  • JavaScript
  • Security
  • Performance
  • Accessibility
  • SEO
  • Translations

Here’s an example for the Apple Web App MetaData:
9r7


NW.js

9r8
NW.js is an app runtime based on Chromium and node.js. You can write native apps in HTML and JavaScript with NW.js. It also lets you call Node.js modules directly from the DOM and enables a new way of writing native applications with all Web technologies.

Here are some of the key features:

  • Apps written in modern HTML5, CSS3, JS and WebGL.
  • Complete support for Node.js APIs and all its third-party modules.
  • Good performance: Node and WebKit run in the same thread.
  • Easy to package and distribute apps.
  • Available on Linux, Mac OS X, and Windows.

fullPage.js

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

You can find some great examples here.

The library is free to use in open source projects. However, if you want to use it in a commercial environment you have to buy a license.
It looks really cool so check it out!


I hope you can use some of these repositories for your projects or other purposes.

Here are some more github repos for developers if you want.

If you like what I write and want to support me and my work, please follow me on Twitter to learn more about programming, making, writing & careers🥰

Top comments (41)

Collapse
 
deaddoctor profile image
deaddoctor

you should add this too
github.com/sindresorhus/awesome#fr...

Collapse
 
pilatdennis profile image
Dennis

I recently found github.com/sindresorhus/awesome and I'm happy I did! If you enjoy reading they have a large collection of books: github.com/sindresorhus/awesome#books.

Collapse
 
thekooldev1232 profile image
thedev1232

Thanks for the share.. tons of stuff here ❤️

Collapse
 
simonholdorf profile image
Simon Holdorf

Glad you like it, my friend!

Collapse
 
thekooldev1232 profile image
thedev1232

yea mate a good one

Collapse
 
olvnikon profile image
Vladimir

Nice article! I used Storybook a lot and then I switched to Styleguidist. Never ever gonna come back to Storybook. IMO, Styleguidist is way better and simpler to customize. And I don't like the Storybook layout, which you cannot even customize in a simple way. With Styleguidist we built a whole new website with custom layout and added tons of new features in such a simple way. Recommend.

Collapse
 
simonholdorf profile image
Simon Holdorf

Thanks for your detailed comment!

Collapse
 
vaibhav_arora__ profile image
Vaibhav Arora

That's a real valuable article, thanks for sharing it buddy !!

Collapse
 
simonholdorf profile image
Simon Holdorf

Glad you like it, my friend!

Collapse
 
nagendradevara profile image
Nagendra Devara

Thank you

Collapse
 
simonholdorf profile image
Simon Holdorf

Glad you like it!

Collapse
 
saviobosco profile image
Saviobosco

Thanks for sharing

Collapse
 
simonholdorf profile image
Simon Holdorf

Sure thing!

Collapse
 
hilleer profile image
Daniel Hillmann

Some very interesting repositories indeed. Some I did not know existed. Thanks for sharing this :)

Collapse
 
simonholdorf profile image
Simon Holdorf

Thanks, Daniel :)

Collapse
 
syedadil010 profile image
Misbahuddin Adil Syed

Great share! Thank you!

Collapse
 
simonholdorf profile image
Simon Holdorf

Thank you, Misbahuddin!

Collapse
 
simonholdorf profile image
Simon Holdorf

Glad you like it!

Collapse
 
icon_kingsley profile image
Kingsley George Koli

Wow cool❤

Collapse
 
simonholdorf profile image
Simon Holdorf

Thanks, my friend!

Collapse
 
lakshandev profile image
Lakshan perera

🔥🔥 thanks bro

Collapse
 
simonholdorf profile image
Simon Holdorf

you too, buddy!

Collapse
 
desirtech profile image
Jeffrey Desir

thank you 👌🏿

Collapse
 
simonholdorf profile image
Simon Holdorf

glad you like it!

Collapse
 
bobbyiliev profile image
Bobby Iliev
Collapse
 
vineeth profile image
Vineeth

Good one mate... This is something we all can refer to when in need of help... Never knew about the Airbnb Style guide...

Collapse
 
simonholdorf profile image
Simon Holdorf

Thank you, my friend. I'm glad that you find this helpful :)

Collapse
 
thedaviddias profile image
David Dias

🙏 Thanks for mentioning the Front-End Checklist!

Collapse
 
simonholdorf profile image
Simon Holdorf

Of course, it's great :)