React (Advanced)
Learn how to build stateful component-based UIs and applications using the React.js library.
Course Overview
Learn how to easily build stateful component-based UIs and applications using the React.js library. You will learn how to setup React, understand fundamentals such as components, props, state, techniques, pitfalls, and strengths of modern React development.
Course Details
- Duration: 8 weeks (16 sessions)
- Schedule: Saturday mornings, 9am - 12pm
- Price: R4,499 per course
- Format: In-person (George) or online via Zoom
- Prerequisite: Strong JavaScript fundamentals required
Course Syllabus
- What is React and why use it?
- Setting up a React project (Vite, Create React App)
- JSX syntax and expressions
- Components (functional vs class)
- Props and prop types
- Rendering lists and conditional content
- Project: Build a component library
- Understanding state in React
- useState hook
- useEffect for side effects
- Forms and controlled components
- Lifting state up
- Project: Build an interactive form with validation
- useContext for global state
- useReducer for complex state
- Custom hooks
- useMemo and useCallback
- useRef for DOM references
- Project: Build a shopping cart
- Fetching data with useEffect
- React Query (TanStack Query)
- Error boundaries
- React Router for navigation
- Testing React components
- Deployment strategies (Vercel, Netlify)
- Final Project: Build and deploy a complete e-commerce frontend
What You'll Achieve
- Build production-ready React applications
- Master React hooks and patterns
- Manage complex application state
- Fetch and display data from APIs
- Deploy React apps to production