my projects
I work on these projects in my free time to keep up with up the latest trends. These projects are like a gospel to me as I extract different best practices, patterns, coding styles from open source and implement them in these projects. Inspired by bulletproof-react.
Think Throo
What is this project about?
This project is about best practices, codebase architecture and what it takes to build production-grade projects. I study large open-source projects and compare the feature implementation in multiple OSS projects against documentation. This helps me identify advanced techniques and patterns. I share this with dev community through articles and videos.
What's the story behind this project?
It all began when I was searching for production-grade web applications to learn from and I came across bulletproof-react and started reading a lot of open source code since then. I was able to understand the codebase by following the documentation bulletproof-react provided, but ideally this is not the case with open source code. You simply do not find documentation explaining what a folder or file or a code snippet does.
I tried asking on Reddit as to how devs learn from open source and I still remember one of the comments that I got, it is about OSS maintainers lacking time to explain or teach others how stuff works and it is true.
I tried my luck with understanding Docusaurus, initially I found it quite challenging because you have to figure out project setup, tooling used, folder conventions, how the code works, dependencies, packages used...well the list goes on, but I kept at it for few weeks.
Some of the packages used in Docusaurus or generally OSS npm packages I have found in the wild were in Next.js. I visited the Next.js documentation and read the Getting started docs and did a basic project, but again my goal is to level up. So I searched for Nextjs on Github and set the filter to "most starts" and in this list somewhere at 4/5 position I found JSONcrack
Over the next few weeks, I read JSONcrack's source code since it is open source and started documenting how the project's code works.
After I finished writing articles about JSONCrack source code, I took on a bold challenge and made a post on Linkedin i.e., to read the Next.js source code
Since then I have produced over 100+ and counting articles on Next.js over three months period since my Linkedin post and during this period, I realised there is so much to learn from open source. I found myself spiralling around the concepts such as Weakmap in Javascript, using the right data structures, telemetry, Object.freeze, Partytown.js, web workers, performance metrics and a lot of popular npm packages that I do not use often but good to know they exist.
I had an idea, "What if I share these insights by creating a learning platform?". I started documenting and making YT videos explaining OSS code snippets. I produce 5 articles and 5 YT videos and shorts based on those articles and share this content every week.
It is a long journey but definitely worth it. I am aiming to produce content for best practices, codebase architecture (tell me about migration or version bumps)
Why I am bulding this?
Two primary goals:
- Learn the advanced techniques used in OSS
- Learn how to build production-grade projects (because the world is full of enough todo apps)
Thanks to Leerob for this awesome website template.