blog
2024
2021
- ⚛️ 🚀 React Component PatternsThis guide outlines various React patterns, their trade-offs, and best use cases, aiming to improve code reusability and tackle common challenges in large React applications. Each pattern is explained with practical examples.
- Lessons Learned from a11yThis document lists common and less intuitive accessibility issues to help developers recognize and address them early in the development process, during coding, PR reviews, or QA testing.
- File Naming ConventionHow to name your files for easy organization.
2020
- Optimize SVGs in ReactLearn how to optimize SVGs in React to reduce bundle size and improve performance.
- Benefits of SVGSVG (Scalable Vector Graphics) is an XML-based vector image format that offers small file sizes and lossless scaling, making it ideal for responsive web design.
- Adding ESLint to Webpack with React and TypeScriptA guide to adding ESLint to a Webpack project with React and TypeScript.