Frontend fundamentals & principles
- Atomic design pattern
- Css container queries
- Css in JS
- Dark mode flickers a white background for a fraction of a second
- HSL color
- HTML inert
- I18n frontend guideline
- Intro to IndexedDB
- Variable fonts
- WAI-ARIA
- WebAssembly
- WebSockets
Frameworks & libraries
- Accelerate project initiation with advanced Nextjs boilerplate React toolkit
- Choosing the right Javascript framework a deep dive into React vs Angular vs Vue
- Deno
- Remix versus Nextjs
State management & data fetching
Performance & optimization
- Be careful with your code splitting setup
- Concurrency in JavaScript
- Mitigate blocking the main thread
- Prevent layout thrashing
- Pure CSS parallax
- Render optimization in data-fetching libraries
- Retain scroll position in infinite scroll
- Scroll-driven animations
- ViteJS native modules
- Why DOM manipulation is slow?
- Zaplib post-mortem
Testing & debugging
- Fundamental end to end frontend testing with Cypress
- Debugging in JavaScript
- Applying mock service worker (MSW) for seamless web development
Accessibility & standards
Tools & techniques
- Adoption of Pnpm
- From multi repo to monorepo a case study with Nghenhan Turbo monorepo
- Recursively export file pattern in Javascript ES6 application
- Singleton design pattern in Javascript
- Window and iframe communication
Case studies & blog posts
- Lessons learned from being a part of corporate micro frontend implementation
- Micro frontends microservices for frontend development
- Why micro frontend
- Why we chose our tech stack accelerating development with a robust frontend solution
- What is PNPM compare to NPM/Yarn
- URL formats for sharing via social networks
