Styling in React - CSS Modules and Styled Components
Compare plain CSS, CSS Modules, and Styled Components to pick the right styling strategy.
Tutorials
Learn to Build
Practical programming tutorials and guides.
useMemo and useCallback - Performance Optimization
Memoize expensive calculations and function references to avoid unnecessary work.
React.memo - Preventing Unnecessary Re-renders
Use React.memo to skip re-rendering child components when their props haven't changed.
Error Boundaries - Protecting Your App from Crashes
Build an Error Boundary component to gracefully handle UI crashes and show a fallback UI.
The Higher-Order Component (HOC) Pattern
Reuse logic across components with the HOC pattern, by building a withLoading HOC.
Code Splitting with React.lazy and Suspense
Split a large bundle into smaller chunks to improve your app's initial load speed.
Redux Toolkit - Global State Management
Use Redux Toolkit to set up predictable, centralized global state for an entire app.
TanStack Query (React Query) - Server State Management
Manage API data with caching, background refetching, and syncing using useQuery and useMutation.
Testing React Apps with Jest and React Testing Library
Write unit tests for React components — rendering, user interaction, and assertions.