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
- React 18
- React Fiber
- React Server Components, NextJs Route and Data Fetching
- 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?
- Why Virtual DOM is fast?
- Zaplib post-mortem
Testing & debugging
- Different Ways To Test React Application
- 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
- Invoking component functions in React
- Hoc Renderprops And Hook In Reactjs
- Build polymorphic React components with Typescript
- 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
