There is no doubt that JavaScript will continue to make it’s place in most popular programming languages of all time.

JavaScript has large dev community and has tonnes of frameworks and written by the various Developers which has made JavaScript unbeatable in the Programming World.

πŸ’‘Did You Know?

JavaScript First Appeared in December 4, 1995

person using laptop computers
Photo by Jefferson Santos on Unsplash

1. JAVASCRIPT QUALITY GUIDE

🎨 A JavaScript Quality Guide

quality conscious and organic JavaScript quality guide

This style guide aims to provide the ground rules for an application’s JavaScript code, such that it’s highly readable and consistent across different developers on a team. The focus is put on quality and coherence across the different pieces of your application.

These suggestions aren’t set in stone, they aim to provide a baseline you can use in order to write more consistent codebases. To maximize effectiveness, share the styleguide among your co-workers and attempt to enforce it. Don’t become obsessed about code style, as it’d be fruitless and counterproductive. Try and find the sweet spot that makes everyone in the team comfortable developing for your codebase, while not feeling frustrated that their code always fails automated style checking because they added a single space where they weren’t supposed to. It’s a thin line, but since it’s a very personal line I’ll leave it to you to do the drawing.

Use together with bevacqua/css for great good!

You can check this GitHub repo πŸ‘‰ here

2. JavaScript style guide

JavaScript Style Guide

A mostly reasonable approach to JavaScript

Note: this guide assumes you are using Babel, and requires that you use babel-preset-airbnb or the equivalent. It also assumes you are installing shims/polyfills in your app, with airbnb-browser-shims or the equivalent.

You can check this GitHub repo πŸ‘‰ here

3. Modern JavaSript Guides

Dark Mode

modern-js-cheatsheet (this link opens in a new window) by mbeaudru (this link opens in a new window)

Cheatsheet for the JavaScript knowledge you will frequently encounter in modern projects.

Cheatsheet for the JavaScript knowledge you will frequently encounter in modern projects.

This document is a cheatsheet for JavaScript you will frequently encounter in modern projects and most contemporary sample code.

This guide is not intended to teach you JavaScript from the ground up, but to help developers with basic knowledge who may struggle to get familiar with modern codebases (or let’s say to learn React for instance) because of the JavaScript concepts used.

Besides, I (the author) will sometimes provide personal tips that may be debatable but will take care to mention that it’s a personal recommendation when I do so.

Note: Most of the concepts introduced here are coming from a JavaScript language update (ES2015, often called ES6). You can find new features added by this update here; it’s very well done.

You can check this GitHub repo πŸ‘‰ here

4. Clean code concepts adapted for JavaScript

πŸ› Clean Code concepts adapted for JavaScript

Introduction

Humorous image of software quality estimation as a count of how many expletives you shout when reading code
Source: GitHub

Software engineering principles, from Robert C. Martin’s book Clean Code, adapted for JavaScript. This is not a style guide. It’s a guide to producing readable, reusable, and refactorable software in JavaScript.

Not every principle herein has to be strictly followed, and even fewer will be universally agreed upon. These are guidelines and nothing more, but they are ones codified over many years of collective experience by the authors of Clean Code.

Our craft of software engineering is just a bit over 50 years old, and we are still learning a lot. When software architecture is as old as architecture itself, maybe then we will have harder rules to follow. For now, let these guidelines serve as a touchstone by which to assess the quality of the JavaScript code that you and your team produce.

One more thing: knowing these won’t immediately make you a better software developer, and working with them for many years doesn’t mean you won’t make mistakes. Every piece of code starts as a first draft, like wet clay getting shaped into its final form. Finally, we chisel away the imperfections when we review it with our peers. Don’t beat yourself up for first drafts that need improvement. Beat up the code instead!

You can check this GitHub repo πŸ‘‰ here

5. Functional JavaScript resources

Dark Mode

awesome-fp-js (this link opens in a new window) by stoeffel (this link opens in a new window)

:sunglasses: A curated list of awesome functional programming stuff in js

😎 A curated list of awesome functional programming stuff in js

This is a curated list of awesome functional programming code and learning resources for JavaScript. As a multi-paradigm programming language, JavaScript can be written in many styles. With these resources we want to help you to make better use of JavaScript’s support for writing programs in a functional way.

Functional programming is a style of programming which models computations as the evaluation of expressions. Contrast this with imperative programming where programs are composed of statements which change global state when executed. Functional programming typically avoids using mutable state and favors side-effect free functions and immutable data instead. This encourages writing composable and declarative programs that are easy to reason about.

You can check this GitHub repo πŸ‘‰ here

Like This Article? Subscribe to our newsletter! To receive more cool stuff and other important updates from us ❀️

Conclusion

Open Source can be powerful, name a thing, it will be preferably present on GitHub.

Note: Views are expressed only from author, and not from official GitHub, for more detailed view about undertaking read πŸ‘‰ Our Mission