All of my long-form thoughts on programming, design patterns, and more, collected in chronological order.
In the realm of database management, choosing the right solution can significantly impact the efficiency of our systems. One such consideration involves the comparison between MongoDB and Redis, specifically when it comes to queue management.
ááŤáááťá˝ááşááąáŹáş Vercel ááąáŤáşáážáŹ Deploy ááŹá¸áá˛áˇ Backend Application áá˝áąááźá áşááŤáááşá ááŽáááąáŹáşááąáŹáşááťáŹá¸ááťáŹá¸á Serverless Configuration áááťáááşááŹááźáąáŹááˇáşááááşááźáŽá¸ááąáŹáˇ Vercel ááąáŤáşááááşáááşááźááŤáá°á¸á
Sagas and pub-sub are two important patterns in distributed systems. Sagas allow for complex transactions to be coordinated across multiple services, while pub-sub provides a way to decouple services and communicate asynchronously. RabbitMQ and Kafka are two popular messaging systems that can be used to implement sagas and pub-sub. However, each system has its own strengths and weaknesses.
When I first learned about the system we had to implement, it appeared deceptively simple and concise. However, the reality was far from straightforward. The organization's diverse branches had their databases, and this forced us to reconsider how we would approach the design and development of the system.
UX áá˝áąááᯠR&D ááťáŹá¸ááťáŹá¸ááŻááşáááŻááşá¸áááŻáˇáááŻááŤáááşá
Laravel ááᯠStructured áážáááźáŽá¸ááŹá¸ Framework áá˝áąáážáŹ DDD Apply áááŹáááşá¸áááşá¸ Handy ááźá áşáááşá Namespace áááşáááşáá˝á˛ááŻááşááŹáááşá Domain áá˝áąá Application Layer Level ááźá áşááŹááźáąáŹááˇáş App Directory áĄáąáŹááşáážáŹáááşááąá¸ááŹáááŻáĄáááşááźáąáááşá
Mail Notification áá˝áąááᯠService áá˝á˛ááŹá¸ááŹá Application áá áşááŻáááşá¸áážáŹáážá áşááŻááŻááşáááŻááşá¸ááŹáááşáááŻááźáŽá¸ Effective ááźá áşáááşá Mail ááťááşá¸áááşáááş Scale Out áááŻáˇááááşá
Laravel áá˛áˇ Inertia áááŻááŻáśá¸ááá˛áˇ Vibe áááş Livewire ááŻáśá¸áááŹáááąáŹáááŻááťáááşá Inertia ááŻáśá¸áá˛áˇáĄááŤáážáŹ React or Vue ááá˛áˇ Laravel áááŹá¸áá˝áąáĄáá˝ááşáĄáááşááźáąáááşááśá áŹá¸áááąáá˛áˇ PHP áá˛áˇ JavaScript Prop Passing ááŻááşááá˛áˇ Feel á Messy ááźá áşáááşáááŻáˇááśá áŹá¸ááááşá ááŤááąáá˛áˇ Frontend Routing áááŻááąááťáŹáááá˛áˇáá°áá˝áąáĄáá˝ááş Inertia á Full stack ááąá¸áááŻáˇááąáŹááşá¸áááşá
Micro Frontend áážáŹ State ááááşá¸áááŹáááşáááşáááŻáááşáááŻááŹá Single Global Store áááŻááźáŽá¸áá˝áąá¸áá˛áˇ Mindset áááŻááťáąáŹááşáááŻáˇáááŻáĄááşáááşá áĄá˛áˇááŹá Everything is AWS áááŻááźáŽá¸áá˝áąá¸ááááŻááťááŻá¸áá˛á Google Cloud, Azure ááŽááąáŹááşáá˝áąáááŻááąáˇááŹá¸ááááŻááąáŤáˇá
Micro Service áážáŹá Service áá˝áąáá˛áˇ Context áááŻâ ááąááťáŹááŹá¸áááşááŹá¸áááŻáˇáááááşáĄááąá¸ááźáŽá¸áááşá áááŻá¸ááťáśáááşááąáĄáąáŹááşáááŻáˇááąá¸ááŹá¸áááŻáˇ Context áá˝á˛ááąáááşáážááşáááşáááŻáˇááźáąáŹáááŻáˇáááá°á¸á
Enterprise Level React Application áá˝áąá Modular Monolithic áááŻááşáááşá Micro Frontend ááźá áşáááˇáşáááşá Interactive ááźá áşáá˛áˇ State áá˝áąá Server Side ááąáŤáşáážáŹáááşááŹá¸áááˇáşáááşá SSC áááŻááťááŻá¸á Modular Monolithic ááźá áşáá˛áˇáĄááŤáážáŹáááşá¸ FDD áááŻááŻáśá¸áááˇáşáááşáááŻáˇáá°ááááşá
Imagine a world where your text editor not only empowers you to write code flawlessly but also ignites a spark of creativity every time you use it. Picture a tool that embodies the wisdom of Uncle Bob himself â a tool that champions simplicity, efficiency, and fearlessness in the face of complex codebases. This is the journey I embarked upon in November 2022, resulting in a paradigm-shifting development: the FearlessNVim Config Framework.
ááŹáááˇáş Lara Camp Conference áážáŹ DDD with Laravel ááźáąáŹáááŻáˇáĄá ááá˝áąá¸ááŹá¸ááąáá˛áˇ ááŻá Field áá˛áážáŹ Junior Level áážáŹ Stuck ááąáá˛áˇáá°áá˝áąáĄáá˝ááşááąáŹá Mid Senior áá˝áąáĄáá˝ááş Level Up áááŻáˇáĄáá˝ááş âLeveling Up: Navigating the Junior to Senior Software Engineering Journeyâ Topic áááŻááźáąáŹáááŻáˇ áážáááŤáááşá
á áŹáĄáŻááşáááşáááŻáááşááá˛ááąáŤáˇá Technical á áŹáĄáŻááşáááşáá˛áˇáĄááŤáážáŹáááşáááąá áááşáááá˛áááŻááŹáááŻáááááŻáˇáááŻááŤáááşá áááŻááşááĄááŻááŹááááťááşááŹáá˛ááąáŤáˇá ááŹáááŻáˇááŽá áŹáĄáŻááşáááŻáááşáážáŹáá˛á ááŽá áŹáĄáŻááşáá˛áˇ Domain ááźá áşáá˛áˇ Result ááááŻááˇáşáá˛áˇ Needs áááŻááźáąáážááşá¸ááąá¸áááŻááşááŹá¸ááąáŤáˇá
ááŹáááŻáˇ Developer áá˝áąá Language áá áşááŻáá˛áážáŹ Stuck ááąááŹáá˛áááŻáááş Willing To Learn áááźá áşááźáááŻáˇááťááşá¸áá˛ááźáąáŹáááşáááşá¸áážáŹá¸áááşáááŻáˇááźáąáŹáááŻáˇááááᯠParadigm Shift áááŻáˇááąáŤáşáá˛áˇâ áá˝áąá¸ááąáŤáşáááşá¸ááŻáśá áś áĄáá áşáááŻáááŻááşáááźáąáŹááşá¸áááŻááşááźáááŻáˇáááşá¸ááŤáááşáááŻáˇááźáąáŹáááŻáˇááááşá
SOLID áááŻá áááąáˇááŹáááş Abstraction, Encapsulation, Inheritance, Polymorphism áááŻáá˛áˇ Object Oriented áá˛áˇ ááąáŹááşáááŻááşáá˝áąáááŻáĄáááşááááŹá¸áááŻáˇáááŻááŤáááşá Four Pillars áááŻáˇâ ááąáŤáşááŤáááşá
Problem áááŻáááşááᯠSolve áááá˛ááąáŤáˇá SWE áá˝áąááźá áşááŹááźáąáŹááˇáş Code ááąá¸ááźáŽá¸ Solve áážáŹááąáŤáˇá áážááşá¸ááŤááźáŽáá˛áˇá áᎠSolution áᏠReliable ááźá áşáá˛áˇááŹá¸á ááąáŹááşáá áşááąáŹááşááᯠHandover ááŻááşáá˛áˇáĄááŤáážáŹáĄáááşááźáąáá˛áˇááŹá¸á áááşáá°áááž ááŹáážááşá¸ááááá˛áˇ Code áá˝áąáááŻáááąá¸ááťááşááááŻáááşáááşá¸ááááşááťááşááźááŤáá°á¸á Reliable ááźá áşááŹá¸á áááźá áşááŹá¸áááŻááŹá ááŹáááşáá°áážáŻá ááŹáááşááśáážáŻ áá˛áˇáááŻááşáááŻááşáĄááťááŻá¸ááťáááşá ááŻááźáżááŹáááŻááąáŹááąáŹáááşáážááşá¸áá˝áŹá¸ááąáá˛áˇááąáŹááşááąáˇááźááąáŹáˇááŽááąáŹááşááááˇáşáááˇáşááźáŽá¸ááśááąáááşáááŻáááş Architectural Problem ááźá áşááąááŤááźáŽá
Domains Driven áááŻááŹá Modeling Technique áááŻáˇááźáąáŹáááŻáˇááááşá Data áá˝áąáááŻáááşááᯠModeling ááŻááşááá˛ááąáŤáˇá DDD áááŻááŻáśá¸áá˛áˇáĄááŤáážáŹ Bounded Contexts áá˝áąáááŻáááááŻáˇáááŻáááşá Sub Domain áá˝áąááąáŤáˇ áá°áááŻáˇáá áááŻááŤá ááŻáˇ E Commerce Website áá áşááŻááŻááşáááşáááŻáááş áá°á Problem ááźá áşáááşá ááźáżááŹáááŻááŹá DDD áážáŹ Business Domain áá˛ááźá áşáááşá ááŽááąáŹáˇááŽááźáżááŹáááŻáááşáááŻáážááşá¸ááá˛á
Language/Framework áá áşááŻáá˛ááááşááźá áşáááŹá¸ááąáŤáˇáá ááááŤáá°á¸á áááşáááşááááşáááşá Imposter Syndrome áááşáááŻáˇáááşá¸áá˝ááşáááşá Right Problem ááᯠRight Tool áá˛áˇ Resolve ááŻááşáááŻááşáááŻáˇááźááŻá¸á áŹá¸áááŻáˇáááŻáĄááşáááşá PHP ááá˛áˇáá°áááŻáááş ááŤáááŻáˇ PHP áážáŹ Laravel áážáááąááŹá¸áá˛áááŻááźáŽá¸ááąáŹáˇáááźáŹá¸ Curated ááźá áşáá˛áˇ Slim áááŻá Symfony áááŻááąáŹááşáá˝áąáááźááˇáşááťááşááąáŹáˇáá°á¸á ááźááˇáşáááŻáˇááááşáááŻááşááŹáá˛ááŤáááşá ááŹááźáąáŹááˇáşáááŻáááş Language áááŻááąááťáŹááááááááşááźáááŻáˇáá˛á
Web Development Field áá˛áážáŹáááş Career áááŻáá˝áąá¸ááá˛ááąáŤáˇá Web Development áá˛áážáŹ Frontend, Backend, Full stack áááŻááźáŽá¸áĄááźááşá¸áĄáŹá¸ááźááˇáşááŻáśá¸ááťááŻá¸áá˝á˛áááŻááşáááşá ááŽáĄáá˛áážáááşá ááşáá˛áˇááąáŹááşáá˝áąáááşá¸áážááááşá áá°áááŻáˇááᯠWeb Development áá˛á Career áĄááźá áşáááˇáşáááŻáˇááááşá UI/UX Designer, Q/A, DevOps, Cloud Architect á áááşááźááˇáşá
Software Architecture Foundations by Allen Holub
The React JS workshop is a 4-day course aimed at teaching participants the basics of React, Next.js, and Context API. On day 1, participants will learn about React's benefits, JSX syntax, and creating components. On day 2, they will learn about Next.js, dynamic routing, and API integration. Day 3 covers the advanced usage of Context API. On the last day, participants will learn about implementing basic CRUD operations and displaying posts using React state and local storage. The prerequisites for the course include a good understanding of HTML, CSS, JavaScript fundamentals, ES6 syntax, and Git basics. Participants are encouraged to use the provided resources to supplement their learning. By the end of the course, participants should be able to build a basic React and Next.js application using Context API and implement CRUD operations using React state.
Software Design and Analysis in Nutshell
Declarative áá˛áˇ Imperative áááŻáážááşá¸ááŹááŹââ áá˝áą áááşááąáááşááááá°á¸á Code áá˝áąáĄááąáŹááˇáşáááŻááşááąá¸ááźááźáŽááąáŹáˇáážááşá¸áážáááşáááŻááŻááşááŹá¸áááşáážáŹáá˛á ááŤáááŤááźáŽá¸áááŻááźáŽá¸áá˛áĄáá˝ááşáážááşáá˝áŹá¸áážáŹáá˛á ááŽáááŻááşááśáážáŹá ááŤááťááşááŤááźáąáĄááťááˇáşááźáŽá¸áá˛áˇáááŻááąáŹáˇá áĄá˛áˇááąáŹáˇáĄááąáŤáşááážá áşááąáŹááşáááŻáážááşá¸ááťááşáááş Conceptually áĄááážááşá¸ááŻáśáá˛á áááŻááşáááąáŹáşááŽááąáŹááşááťááşáááşáááŻááŤá ááŻáˇá áĄá˛áˇááŹáááŻááąáŹáşááŽááĄáąáŹááşáááşáááŻááŻááşááá˛á ááŤááᯠDeclarative and Imperative Approach áá˛áˇáá˝áŹá¸ááźáááşá
Declarative approach áá˛áˇáá˝áŹá¸ááŹááá°ááŹá¸áááşáááşáááŻááąáá˛áˇ áááťááŻáˇááąááŹáá˝áąáážáŹ DIY áááźá áşááŹáá˝áąáážááááşá áááŻááŤá ááŻáˇáááŻááşá Full fledged Framework áááŻáááŻááşáá˛áá˛áˇ Utility ááąá¸áá˝áąááąá¸ááŹá¸áá˛áˇááąáŹááşáá˝áąááŻáśá¸ááŹááťááŻá¸áááŻáááŻááááŹáááşá
To leverage the power of reactive programming, we need to be able to store data in a reactive way. This lib provides a simple way to define a reactive store for your micro-frontend application.
JavaScript áážáŹ Underrated ááźá áşáá˛áˇ Language Feature áážáááŤáááşá áá°á Comma Operator ááąá¸ááŤá áá°áˇááᯠSequentially Execute ááťááşáá˛áˇáĄááŤááŻáśá¸áááŻáˇáááŤáááşá ááťá˝ááşááąáŹáşáááşá¸áĄáááşáááááááŹá¸ááááŤáá°á¸á ááŻáážáááŻááşáááşáááŻááŹáááááŹááŤá
ááŽááąáŹááşá JavaScript Series ááźá áşáážáŹáá JavaScript áážáŹááťá˝ááşááąáŹáşááŻáśá¸ááŹáá˝áááŻá áŽááźáŽá¸ááąá¸áážáŹááŤá áᎠSeriesááᯠCore Language Feature, Browser API and Patterns áááŻááźáŽá¸áá˝á˛ááŹá¸áááşá Pattern áááąáŹáˇ Popular Concept and Architecture áá˝áąá Micro frontend áááŻá Flux áááŻááąáŹááşáá˝áąááŤáááşá ááťá˝ááşááąáŹáşá Latest and Greatest ááźá áşáá˛áˇááąáŹááşáá˝áąáááŻáá˛ááźáąáŹáá˝áŹá¸áážáŹááŤá Source Code áá˝áąá Imperative+ Declarative ááŻáśá áśáá˝áąáááŻááŻáśá¸áá˝áŹá¸áážáŹá âOO Style ááŤáážáŹáááŻááşááŤáá°á¸á
State Management áááŻáˇááźáąáŹáááŻááşááŹáá˛áˇ Client State ááźá áşáá˛áˇ Application State áááŻáá˛ááźáąá¸ááźááşááźááŹááŤáá˛á ááŤááąáá˛áˇ React áážáŹá State Management áááŻáˇáĄáá˝ááşá ááşá¸á áŹá¸ááŹáá˛áˇ Client and Server State áááŻááźáŽá¸ááąáŹáˇá ááşá¸á áŹá¸áážáááŻáááŹá ááťá˝ááşááąáŹáşá Vue Dev áááŻáˇáááŻáˇááŽáááŻááťááŻá¸ááŻáśá¸áááŹááťááŻá¸áááŻáá áşááŤáážáááźáŻáśáá°á¸áá°á¸á ááťá˝ááşááąáŹáşáĄáá˝ááşáĄáŹááŻáśááąáŹááşáááşá ááŤáá˝ááˇáşáá˝ááˇáşáááşá¸áááşá¸ááźáąáŹááŹá ááŽááźáżááŹáááŻáážááşá¸áááŻáˇ Client State áááŻáĄáááşááźááˇáşáááşá ááŽááąáŹáˇ Client State áážáŹááźáąáážááşá¸áááŻáˇá Solution ááąáŹáşááąáŹáşááťáŹá¸áááşá ááŤááąáá˛áˇááťá˝ááşááąáŹáşâáĄááŻáśá¸ááťáŹá¸ááŹáááŻáá˛ááźáąáŹáá˝áŹá¸áážáŹááŤá ááťááşáá˛áˇ React Dev áá˝áąáááşá¸ááťá˝ááşááąáŹáˇáşáááŻáá˛ááŻáśá¸ááźááŹááŤáá˛á áá˝áŹááŹá ááťá˝ááşááąáŹáşá Vue âáááą Migrate ááŹááŹá
Portfolio áĄáá áşááŻááşáááŻáˇáĄáá˝ááşáá˝ááşáá˛áˇáá˛áˇ ááááááşá¸á á ááşá¸á áŹá¸ááŹá¸ááąáá˛áˇ ááąááą Breast Cancer ááźá áşááąáŹáˇááąááťáŹáááŻááşááźá áşáááŻááşáá°á¸á áĄáááşá Nuxt áá˛áˇáᲠDevelop áááŻáˇá áááşáá°á¸ááŹá¸ááąáá˛áˇáááŻáˇ SSG ááááşááśááąáŹááşáá˛áˇáĄáááááąáŹááşá¸ááąá¸ááŹááźáąáŹááˇáş Next áááŻáá˛áá˝áąá¸ááźá áşáááŻááşááŤáááşá
How did I develop the wuttyi programming language?
What's new in PHP 8.1?
Website áá áşááŻáááşááąáŹááşááąáŹáˇáááşáááŻáááş Web Page áá˝áąáááŻáĄááşááŤáááşá áááşá¸ Web page áá˝áąáááŻáááşá¸ Web Dev áá˝áąáĄááąáá˛áˇáĄáážáááşáááŻáˇáááŻááŤáááşá Web Development áááŻááąáˇááŹáá˛áˇáá°áááŻááşá¸ááááááźá áşááźá áşáá˛áˇ HTML áá˛áˇ CSS áááŻáĄááŻáśá¸ááźáŻááźáŽá¸áĄáážáááşááźááŤáááşá
Bank Card áá˝áąáĄááźáąáŹááşá¸áá˛áˇ Validated Random Visa áĄááźáąáŹááşá¸áááŻááźáąáŹááźáá˝áŹá¸áážáŹááŤááááşáá˛áˇáá°áĄáá˝ááşáááŻáááşáĄááŻáśá¸áááşááŤááááˇáşáááşá
Web Technology áááŻáˇááźáąáŹáááŻááşááťážááşááťáŹá¸ááźáŹá¸á á˝áŹáážáááąááŹáááŻááąááˇáááŤáááşááááŻááťá˝ááşááąáŹáşáá˝áąá¸áá˝áąá¸ááťááşááŹá PHP áĄááźáąáŹááşá¸áááŻáá˝áąá¸áá˝áąá¸ááťááşááŤáááşá ááťá˝ááşááąáŹáşáááŻáˇáFull Stack Web Development áááşá¸ááźáąáŹááşá¸áááŻáá˝áŹá¸ááťááşáá˛áˇáĄá፠Front-End, Backend, Database áá˝áą Web Serveráá˝áąáááŻááŤááąáˇááŹááážáŹááźá áşááŤáááşá áĄá˛áˇáĄáá˛áááąááž Backend Programming Language áá áşááŻááźá áşáá˛áˇ PHP