Style Guide

Introduction

Introduction to the style guide

This guide is based on my little experience working on JS/TS projects with different teams, different mentalities, and different experience levels...

Why This Guide?

I made tons of mistakes, and I tried my best to learn from them. And listen, I never blamed someone for what they did the first time. BUT I do after they've been shown or told the best way to do it and still ignore it 🤷. Basically, they think they're good at something, but they're not.

In this guide, I'll try to cover the best practices I learned from my own failures, the mistakes I had to fix, and the things I know work for a team small ones at least. especially for teams where people love to reinvent wheels... I mean, they don't know how stuff must be done in production-level apps.

I hope this guide helps you out. And hey, if you have any suggestions or think something is wrong, please let me know. so I can tell you why this X decision was made.

What's Inside?

💡 Best practices I wish I had known earlier.

📁 Folder structures & naming conventions (trust me, they matter).

🚀 Performance optimizations that actually work (Next.js, React, TailwindCSS, etc.).

🔥 Common pitfalls and how to avoid them (learn from my pain and what I learned from others).

🤝 Team collaboration tips (yes, that means code reviews matter).

(If you're here to argue about semicolons, var vs const and those type of sh*t, leave now. You still a dumbass.)

Contributing

Got something to add? Found a mistake? Think I missed something?

👉 Submit a PR or open an issue!

No enterprise-level ChatGPT text, lol. Just type it kimma kanet dude, dw.

Let's make this guide better, together. 🚀


Pro tip: I fixed my 999+ typos with ChatGPT 👍

On this page