Frontend
Rendering patterns, state management, performance
- 01 Rendering Patterns CSR, SSR, SSG, and ISR — understand when and why to use each rendering strategy for your web application. beginner 15 min →
- 02 Component Architecture Composition, props, slots, compound components, and atomic design — building reusable UI that scales. beginner 12 min →
- 03 State Management Local state, lifted state, context, global stores, and signals — managing data flow in complex UIs. intermediate 15 min →
- 04 Routing & Navigation Client-side routing, file-based routing, dynamic routes, nested layouts, and middleware for modern web apps. intermediate 12 min →
- 05 Data Fetching Patterns Fetch, SWR, React Query, loading states, error boundaries, and caching strategies for robust data layers. intermediate 14 min →
- 06 Performance Optimization Code splitting, lazy loading, tree shaking, bundle analysis, and Core Web Vitals — making your frontend fast. advanced 15 min →
- 07 Testing Strategies Unit tests, integration tests, E2E tests, Testing Library patterns, and mocking — building confidence in your code. advanced 12 min →
- 08 Accessibility & i18n ARIA, semantic HTML, keyboard navigation, screen readers, RTL support, and internationalization patterns. advanced 12 min →