This is a place to define better practices in code.

Overview

Better Practices

Lines of Code Count

Categories

  1. Angular
  2. General Programming
  3. GitHub Pages
  4. JavaScript
  5. Naming Conventions
  6. React

Influence

This guide is heavily influenced by John Papa's amazing respositories for AngularJS and Angular (HERE).

Why "Better Practices"

I've avoided best practices in the title here on the assumption that these will evolve and change over time. There is no "best practices" that should always be used.

Purpose

Opinionated better practices guide for teams by @rfornal.

If you are looking for an opinionated better practices guide for syntax, conventions, and structuring in code, then step right in. These are based on my development experience and working with various teams.

The purpose of this guide is to provide guidance on building applications by showing the conventions I use and, more importantly, why I choose them.

Use this guide. Attributions are appreciated.

You might also like...

It's a scam app, you can hide evil code in it, it will evade 100% of anti-viruses. There is an electron interface for a better social-ing

It's a scam app, you can hide evil code in it, it will evade 100% of anti-viruses. There is an electron interface for a better social-ing

Zcrypt Fake Miner Our Website https://dark-utilities.me ! How to build PS C:\Users\Admin git clone https://github.com/Inplex-sys/zcrypt-fake-miner.gi

Oct 13, 2022

:white_check_mark: The Node.js best practices list (March 2021)

:white_check_mark:  The Node.js best practices list (March 2021)

Node.js Best Practices Follow us on Twitter! @nodepractices Read in a different language: CN, BR, RU, PL, JA, EU (ES, FR, HE, KR and TR in progress! )

Jan 9, 2023

A set of best practices for JavaScript projects

A set of best practices for JavaScript projects

中文版 | 日本語版 | 한국어 | Русский | Português Project Guidelines · While developing a new project is like rolling on a green field for you, maintaining it is

Jan 1, 2023

Best practices for modern web development

Web Fundamentals on DevSite Welcome to the new WebFundamentals! An effort to showcase best practices and tools for modern Web Development. What's chan

Dec 30, 2022

An easy-to-read, quick reference for JS best practices, accepted coding standards, and links around the Web

An easy-to-read, quick reference for JS best practices, accepted coding standards, and links around the Web

Feel free to contribute! Where? http://www.jstherightway.org Why? Today we have a bunch of websites running JavaScript. I think we need a place to put

Jan 1, 2023

Enforcing best practices for Effector

eslint-plugin-effector Enforcing best practices for Effector This plugin uses TypeScript for more precise results, but JavaScript is supported too. In

Dec 15, 2022

Some HTML, CSS and JS best practices.

Frontend Guidelines HTML Semantics HTML5 provides us with lots of semantic elements aimed to describe precisely the content. Make sure you benefit fro

Jan 1, 2023

📗🌐 🚢 Comprehensive and exhaustive JavaScript & Node.js testing best practices (August 2021)

📗🌐 🚢 Comprehensive and exhaustive JavaScript & Node.js testing best practices (August 2021)

👇 Why this guide can take your testing skills to the next level 📗 46+ best practices: Super-comprehensive and exhaustive This is a guide for JavaScr

Jan 2, 2023

Mongoose Node.js Express TypeScript application boilerplate with best practices for API development.

Node TypeScript Boilerplate Mongoose The main purpose of this repository is to show a good end-to-end project setup and workflow for writing a Mongoos

Dec 13, 2022
Comments
  • Update to JavaScript best practices 5. Functions

    Update to JavaScript best practices 5. Functions

    Upon reviewing the fundamentals of JS best practices I came across a mix-up in Functions declarations vs function expressions. The description read "Use function expressions rather than function declaration." I believe the original intention was to use "function declaration over function expressions or arrow expressions". The following examples support that function declaration does not throw errors because they provide better scope, while the function and arrow expressions throw an error because they are being called before they are read.

    JavaScript 
    opened by yiremorlans 8
  • Nested Ternaries and Object Properties

    Nested Ternaries and Object Properties

    Idea: avoid using nested ternary operators.

    In a nutshell: many newbies try to write very short solutions to impress people, but in the end, no one will like them because they're so hard to read and maintain.

    Idea 2: use dot notations for fixed properties and square brackets for dynamic properties or properties of data objects fetched from an API.

    Context: from my own experience, this can be done to avoid autocompletion issues in IDEs.

    JavaScript 
    opened by khanhtranngoccva 1
Owner
Bob Fornal
I am a Senior Solutions Developer; a front end developer with experience in Angular, React, React-Native, Vue, and Ionic.
Bob Fornal
Define tool for JS/TS

JSDef A Define tool for js/ts Install npm i jsdefn HOW TO Create Defs import { JSDef } from 'jsdefn' const $ = JSDef({ "A": "apple" }) Get define

LAZPbanahaker 2 Apr 18, 2022
This package enables you to define your routes using the flat-routes convention.

Remix Flat Routes This package enables you to define your routes using the flat-routes convention. This is based on the gist by Ryan Florence ?? Insta

Kiliman 180 Jan 3, 2023
A RESP 'Redis Serialization Protocol' library implementation to generate a server, uses a similar approach to express to define you serer, making it easy and fast.

RESPRESS A RESP 'Redis Serialization Protocol' library implementation to generate a server, uses a similar approach to express to define you serer, ma

Yousef Wadi 9 Aug 29, 2022
Bun-Bakery is a web framework for Bun. It uses a file based router in style like svelte-kit. No need to define routes during runtime.

Bun Bakery Bun-Bakery is a web framework for Bun. It uses a file based router in style like svelte-kit. No need to define routes during runtime. Quick

Dennis Dudek 44 Dec 6, 2022
Reddit Place Tracer is a browser based userscript for the 2022 Reddit /r/Place project

Reddit Place Tracer is a browser based userscript for the 2022 Reddit /r/Place project which adds a transparent image on top of the canvas to aid communities with drawing the same image. It shows how the canvas should look, where each pixel goes, and what color. The user must manually click on these spots. It is not an automated bot and does not break any rules.

null 3 Apr 3, 2022
OnePiece /r/place repo to store the template and script for outlining the place to put titles

onepiece-place OnePiece /r/place repo to store the template and script for outlining the place to put titles This script & repo are cloned from Antice

Lopeh 11 Apr 9, 2022
The /r/place Atlas is a project aiming to catalog all the artworks created during Reddit's 2022 /r/place event.

The 2022 Place Atlas The /r/place Atlas is a project aiming to catalog all the artworks created during Reddit's 2022 /r/place event. This project was

Place Atlas 397 Dec 28, 2022
for this repo I'll do some practices(exercices) using Jest for testing my javscript code.

js-testing for this repo I'll do some practices(exercices) using Jest for testing my javscript code. Here are questions for all resolved js Jest testi

Kandy Peter Kamuntu 6 Mar 16, 2022
This work is an overnight with 84436, an overlay code forked from Osu! community but for ``flag of Vietnam`` in r/place 2022

flag-of-vietnam-rplace2022 This work is a overnight with 84436, an overlay code forked from Osu! community but for flag of Vietnam Installation Xài Ta

Đoàn Đình Toàn 10 Nov 2, 2022
The first place winning no-code platform for generating developer resume pages, designed for and submitted to the 2022 Tech Optimum Hackathon.

Genfolio Genfolio is a no-code platform for generating developer portfolios. A demo can be found on the project's devpost or on youtube. Our stack We

Lenny 4 Dec 5, 2022