2026-02-18cssbem
BEM Methodology in CSS: predictable naming for clean styles
A practical guide to BEM to avoid style conflicts, structure class names, and keep CSS maintainable.
cssbemnamingfrontendarchitecture
Read moreBlog
BlogThese are my latest insights, lessons learned, and hands-on experiences from the front-end journey. A space where I reflect on my growth, document my process, and revisit the projects that shaped my path.
2026-02-04reactstate
Why console.log After setState Shows the Old Value
React batches state updates, so logging right after setState prints the previous value. Here’s why and the right ways to read the fresh state.
reactstatesetStatehooksuseEffect
Read more
2026-02-04reactuseEffect
Cleanup Functions in useEffect: Stop Leaks Before They Start
A practical guide to writing cleanup in useEffect so you avoid memory leaks, duplicate listeners, and setState on unmounted components.
reactuseEffectcleanuphooks
Read more
2026-01-17frontendinterview
Frontend Interview Flow: Stages, Signals, and Prep
A frontend interview isn’t just a few HTML/JS questions—it’s a path to gauge web understanding, problem solving, and collaboration. This guide outlines common stages, what intervie
frontendinterviewjavascripthtmlcss
Read more
2026-01-10javascriptfundamentals
Why JavaScript Matters More Than Any Framework
Without a deep grasp of JavaScript, frameworks are just a shiny shell. Here’s why mastering the language core is the key to long-term growth.
javascriptfundamentalsfrontendframeworks
Read more
2026-01-03frontendroadmap
A Realistic Frontend Roadmap: Zero to Pro
A step-by-step path shaped by real projects—from understanding the web to landing a job and growing deliberately.
frontendroadmaphtmlcssjavascript
Read more
2025-12-27refresh-tokenjwt
Refresh Tokens on the Frontend: Architecture & Implementation
A practical guide to using refresh tokens in JWT-based auth: why they matter, where to store them, and how to implement secure rotation on the frontend.
refresh-tokenjwtauthentication
Read more
2025-12-20reactjsrbac
Static RBAC: Roles & Permissions in React
A lightweight RBAC pattern to guard routes and UI in React with static roles and permissions.
reactjsrbacaccess-controlpermissions
Read more
2025-12-13typescriptrecord
Mastering Record in TypeScript
Mastering Record in TypeScript: The Clean Way to Map Enums to Labels and Colors
typescriptrecordenumstype-safety
Read more
2025-12-12gitconventional-commits
Conventional Commits: Write Better Git Messages
Master Git commit messages with Conventional Commits to keep history readable and automation-friendly.
gitconventional-commitschangelogautomation
Read more
2025-12-08gitgithub
Mastering Git Flow
Mastering Git Flow: A Developer’s Guide to Branching Strategies
gitgithubgitlab
Read more
2025-12-03securityjwt
Token Security on the Frontend: Best Practices for Storage and Management
A practical, end-to-end guide to securing tokens on the frontend.
securityjwtweb-architectureauthentication
Read more
2025-10-29reactjsarchitecture
Feature-Based Architecture in React
A scalable and production-ready folder structure for large React applications using Feature-Based Architecture.
reactjsarchitecturefrontendscalable-design
Read more