Resources to learn programming(web-development)

Here is a clean, comprehensive checklist of frontend architecture, design patterns, and principles topics that are commonly expected in interviews. You can treat this as a learning roadmap and tick them off one by one. --- 1. Frontend Architecture Application architecture vs component architecture Feature-based folder structure Layer-based folder structure Colocation of files Separation of concerns (UI / logic / data) Smart (container) vs dumb (presentational) components Business logic extraction Service / API layer design Domain-driven thinking in frontend Monorepo basics (Nx / Turborepo concepts) Micro-frontends (high level) --- 2. Component Design Reusable component design Component API design (props, defaults, extensibility) Controlled vs uncontrolled components Stateless vs stateful components Component composition vs inheritance Compound components pattern Slot / children-based APIs Headless components Design system architecture Atomic design methodology --- 3. State Management Local state vs lifted state Global state vs scoped state React Context (when and when not) Redux fundamentals Redux Toolkit Alternative state managers (Zustand, Jotai, Recoil) Server state vs client state React Query / SWR URL state (query params) Form state management Derived state Normalized state shape --- 4. Logic Reuse & Abstractions Custom Hooks pattern Higher-Order Components (HOC) Render Props pattern Composition over inheritance Avoiding prop drilling Dependency injection in frontend Adapter pattern (API normalization) Factory pattern Observer pattern Strategy pattern --- 5. React Rendering & Lifecycle (Architecture-Level) React render cycle Reconciliation Keys and identity useEffect lifecycle & pitfalls Strict Mode behavior Concurrent rendering (conceptual) Suspense fundamentals Error boundaries --- 6. Performance & Optimization Preventing unnecessary re-renders React.memo useMemo useCallback Code s… Читать полностью →