Core Knowledge Frameworks & Tools
Sharpen your skills with curated frontend engineering topics. Breakdown the concepts to master each topic.
React
Component architecture, rendering lifecycles, state flow, custom hooks, and rendering optimizations.
JavaScript
Closures, prototype scopes, asynchronous execution loops, promises, and advanced ESNext features.
TypeScript
Advanced type systems, generics, conditional types, mapped types, utility types, and structural compatibility.
CSS & Web Layouts
Flexbox and grid positioning systems, cascading rules, hardware acceleration, and fluid animations.
Next.js & RSCs
React Server Components (RSC), Suspense streaming, rendering strategies (SSR, SSG, ISR), and hydration dynamics.
Web Performance
Core Web Vitals (LCP, FID, CLS), Critical Rendering Path, resource prioritization, and runtime profiling.
Web Security
Cross-Site Scripting (XSS), CSRF mitigation, Content Security Policy (CSP), CORS, and secure storage patterns.
Data Structures & Algorithms
Algorithmic thinking, DOM parsing, lists, trees, graphs, sorting, and browser memory optimization.
System Design
Scalable frontend architectures, cache storage patterns, CDN optimizations, sync protocols, and web security.