React for Professionals: State Management, Performance, Fiber, TypeScript | Mironsoft
React for Professionals: State Management, Performance and Internals
The advanced continuation of "React for Beginners": we extend the product catalog with Zustand and Redux Toolkit, optimize performance, look under React's own hood (Virtual DOM, Fiber), migrate to TypeScript, and prepare for interviews.
Das lernst du
- Global state management with Zustand and Redux Toolkit
- Performance optimization (memoization, code splitting, lazy loading)
- How React works under the hood (Virtual DOM, Fiber)
- Migrating an existing project to TypeScript
- Common interview questions for React developers
Voraussetzungen
- Completion of "React for Beginners" or equivalent knowledge
- Confident use of components, props, and state
- Basic JavaScript/ES6+
Kapitel dieser Serie
- 1 Limits of the Context API ~14 Min. Lesezeit
- 2 Global State with Zustand ~16 Min. Lesezeit
- 3 Redux Toolkit: Building a Shopping Cart ~18 Min. Lesezeit
- 4 React DevTools Profiler ~13 Min. Lesezeit
- 5 React.memo In Depth ~15 Min. Lesezeit
- 6 List Virtualization with react-window ~15 Min. Lesezeit
- 7 Concurrent Features: useTransition and useDeferredValue ~14 Min. Lesezeit
- 8 Virtual DOM and Reconciliation ~16 Min. Lesezeit
- 9 React Fiber: The Architecture Under the Hood ~16 Min. Lesezeit
- 10 Higher-Order Components (HOCs) ~14 Min. Lesezeit
- 11 The Render Props Pattern ~12 Min. Lesezeit
- 12 Portals: Building Modals Cleanly ~13 Min. Lesezeit
- 13 Error Boundaries: Catching Crashes Gracefully ~13 Min. Lesezeit
- 14 Adding TypeScript to the Project ~14 Min. Lesezeit
- 15 Typing Components and Props ~15 Min. Lesezeit
- 16 Typing Hooks with TypeScript ~15 Min. Lesezeit
- 17 Typing Events, Forms, and API Data ~16 Min. Lesezeit
- 18 Testing with Vitest and React Testing Library ~17 Min. Lesezeit
- 19 Best Practices and Code Organization ~16 Min. Lesezeit
- 20 Deployment and Build Optimization ~15 Min. Lesezeit
- 21 Interview Preparation: Common React Questions ~18 Min. Lesezeit
Weiter lernen mit
React for Beginners: Your First Web App
A complete React tutorial for absolute beginners: step by step, we build a real product catalog website together, with product pages, forms, routing, and a small database of its own — from the first line of code to a finished app.
Serie ansehen
TypeScript: The Complete Tutorial
A complete TypeScript tutorial from the ground up: every language feature explained step by step, built around a single, continuous library management app in plain Node.js/TypeScript – no React or other frameworks, just the language itself.
Serie ansehen
React & Magento: Loading Live Product Data From the Shop
A focused React project that loads real product data via the Magento REST API: activate the API, set up credentials, a paginated product list, and a detail page with all product data – a step-by-step project you can type along with.
Serie ansehen