DEV Community

loading...
Cover image for 9 Popular GitHub Repos For Every Web Developer

9 Popular GitHub Repos For Every Web Developer

simonholdorf profile image Simon Holdorf Originally published at thesmartcoder.dev Updated on ・5 min read

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🥰

Discussion

pic
Editor guide
Collapse
aalireza439 profile image
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 Author

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 Author

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 Author

Glad you like it, my friend!

Collapse
ademcan profile image
AdemCan

Thanks

Collapse
simonholdorf profile image
Simon Holdorf Author

Glad you like it!

Collapse
saviobosco profile image
Saviobosco

Thanks for sharing

Collapse
simonholdorf profile image
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 Author

Thanks, Daniel :)

Collapse
syedadil010 profile image
Misbahuddin Adil Syed

Great share! Thank you!

Collapse
simonholdorf profile image
Simon Holdorf Author

Thank you, Misbahuddin!

Collapse
icon_kingsley profile image
Collapse
simonholdorf profile image
Simon Holdorf Author

Thanks, my friend!

Collapse
lakshandev profile image
Lakshan perera

🔥🔥 thanks bro

Collapse
simonholdorf profile image
Simon Holdorf Author

you too, buddy!

Collapse
jffrydsr profile image
Jeffrey Desir

thank you 👌🏿

Collapse
simonholdorf profile image
Simon Holdorf Author

glad you like it!

Collapse
bobbyiliev profile image
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 Author

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

Collapse
nagendradevara profile image
Collapse
simonholdorf profile image
Simon Holdorf Author

Glad you like it!

Collapse
thedaviddias profile image
David Dias

🙏 Thanks for mentioning the Front-End Checklist!

Collapse
simonholdorf profile image
Simon Holdorf Author

Of course, it's great :)

Collapse
janitham97 profile image
Janitha Missaka

Great thanks a lot !!

Collapse
simonholdorf profile image
Collapse
vineeth profile image
Collapse
yosvelquintero profile image
Yosvel Quintero

Thank you for this Valuable Content!

Collapse
amsmart profile image
Emmanuel Oluwagbemiga Adebiyi (Smart)

Nice one! Thanks for sharing

Collapse
arcbjorn profile image
Arc

Simon, you are incredible contributer in the community. It may seem like not much of work, but all your articles are amazingly valuble and well written. Actually well done.

Collapse
georgegognadze profile image
George Gognadze

You might also want to add this to general developer must know repository for developing new skills: github.com/georgegognadze/awesome-...

Collapse
rohanxx profile image
rohan

Great article

Collapse
simonholdorf profile image