**Software Engineer** from Jaffna, Sri Lanka, with 2+ years in frontend development. I create reusable design systems and fast, user-friendly applications, delivering impactful digital experiences.
we explore how to leverage the power of Next.js, Tailwind CSS, and Class Variance Authority (CVA) to craft a robust and highly customizable design system.You'll discover how to harness the strengths of each tool to streamline your development
Discover how to revolutionize your frontend development workflow with TypeScript, ESLint, Prettier, Husky, Conventional Commits, Changesets, and automated CI/CD pipelines using AWS and TeamCity. Boost code quality, streamline deployments, and enhance team productivity in one comprehensive guide!
Discover the key differences between Next.js and traditional React in this comprehensive guide. Learn about rendering methods, SEO capabilities, routing, performance optimization, and use cases to choose the best framework for your project. Perfect for developers seeking clarity and insights!
In any collaborative project, Git is a powerful tool that enables teams to work together on code without stepping on each other's toes. However, m…
React event bubbling lets events propagate from child to parent, improving performance with one root-level listener. Benefits include efficient parent handling but can cause unintended triggers. stopPropagation and preventDefault help control bubbling effectively in React.
Struggling with class precedence in Tailwind CSS? Learn how to overcome styling conflicts and improve code maintainability by using cva and cx. This guide explores structured styling with cva variants and dynamic classes with cx, making it easier to manage complex, conditional styles effectively.
Learn to create a scalable React component library with Atomic Design, an Nx monorepo, and npm. This guide covers setup, component structuring, and tools like Storybook and Jest, ensuring consistency, reusability, and optimized workflows for corporate UI development.
