9 Helpful Github Repositories for Web Development You Should Follow Right Now
By: Amy J. Andrews
Tags: Javascript Tips, Programming, Coding Interviews, Web Development, Learning To Code

9 Helpful Github Repositories for Web Development You Should Follow Right Now

Don’t just use Github for pulling and pushing your code.

Photo by Markus Winkler on Unsplash

Github is not just a source version control. It’s also an amazing learning resource where you can find a lot of useful repositories.

In this article, I will show you 9 great repositories for web development. Let’s get right into it.

1. Frontend Checklist

I love checklists. They are practical, to the point, and time-saving. This frontend checklist contains a list of all elements you need to have and test before going live. No more guesswork.

Check it out: https://github.com/thedaviddias/Front-End-Checklist

2. JavaScript Algorithms and Data Structures

Are you a fan of algorithms and data structures? If so, you should bookmark this repository and visit it regularly. The list comes with a lot of examples, which makes your learning more practical.

It covers most algorithms and data structures from basic to advanced. You can mostly find everything you need on the subject. The author organized the list systematically. You will easily find the ones suitable for your level.

Check it out: https://github.com/trekhleb/javascript-algorithms

3. Nodejs Best Practices

This is an ultimate guide that contains best practices for Nodejs development.

With great tips about code style, performance, security, project structure, and many more, your codebase will be improved the best it can.

Check it out: https://github.com/goldbergyoni/nodebestpractices

4. Clean Code JavaScript

Writing clean code is the major skill you should aim for. Not only do you write code to solve the problems for your business but also you have to make it clean for easily scalable in the long run.

This clean code JavaScript repository is created to serve that mission. The concepts of clean code in this repository are from Robert C. Martin aka “Uncle Bob”, a famous software engineer for developing many software design principles.

Go to the repository and start improving the quality of your code. That way you can make your coworkers fall in love with the code your write.

Check it out: https://github.com/ryanmcdermott/clean-code-javascript

5. JavaScript Questions

This amazing repository was created by Lydia Hallie. It includes a lot of JavaScript questions to test your knowledge. On top of that, every question is answered thoroughly. The best course of action is that you answer on your own and then compare it with the given one.

If you’re preparing for an interview, this is a great place to boost your confidence in answering JavaScript technical questions.

The author has kept this repository updated since it was born. New questions are put on the list constantly.

Check it out: https://github.com/lydiahallie/javascript-questions

6. You Don’t Know JS Yet

This repository is a book series talking about core concepts in JavaScript. It covers most of the fundamental topics in JavaScript like scope, closures, “this”, object prototypes, async, and performance, etc.

In my opinion, it’s one of the best JavaScript series for both beginners and experienced developers. Not to mention that it’s totally free. You won’t regret spending time reading this series.

Check it out: https://github.com/getify/You-Dont-Know-JS

7. Storybook

UI is a hard part. Creating a UI component takes you more time if you don’t use the right method. And Storybook is the one that can help you to ease the process of building UI.

Storybook is a development environment for UI components. When you use this tool, you can browse a component library, view the different states of each component, and interactively develop and test components.

It supports most popular frameworks like React, React Native, Angular, Vue, etc.

Check it out: https://github.com/storybookjs/storybook

8. Airbnb JavaScript Style Guide

Every JavaScript project should obey a consistent style. Have you ever applied a standard style for your projects? If not, don’t worry. You can make use of Airbnb JavaScript style guide.

This guide is well-documented. You should follow it to write better JavaScript code.

Check it out: https://github.com/airbnb/javascript

9. RealWorld

This one is called “the mother of all demo apps.” It allows you to combine any frontend (ReactJS, AngularJS, VueJS, etc.) with any backend (NodeJS, Rails, Rust, etc) to build the beautiful Medium clone, called Conduit.

The most classic demo app you create to learn a new platform is the to-do list. However, it doesn’t convey enough tech stacks & knowledge required to build the actual real word project. Then RealWorld appears as the next level of the demo app. This will show you how a real word application looks like using multiple frameworks. Awesome, right?

Check it out: https://github.com/gothinkster/realworld

Conclusion

Having awesome resources on the journey to master JavaScript is important. That’s why you should bookmark all the ready-to-use above repositories. Hope you can apply some of them to your projects.

Do you know any useful repositories? Please let me know in the comment below.