Complete Intro to React
This React course begins with an introduction to pure React, focusing on building components using createElement
without JSX or build tools. It covers essential setup tools like NPM, Prettier, ESLint, and Vite for streamlining development.
You’ll explore JSX, the foundation of React components, and learn to manage state using the useState
hook. The course then dives into handling events, managing user input, and building reusable components. There’s a focus on hooks such as useEffect
for side effects and custom hooks for fetching data.
You’ll also learn about component composition, styling techniques, and debugging using React Developer Tools. Navigation is covered with React Router, including dynamic routing using the useParams
hook.
For server-side state, React Query is introduced for efficient data fetching and caching. The course also includes advanced topics like error boundaries, portals for modals, and context API for managing global state.
Both functional and class components are explored, covering their differences, lifecycle methods, and event handling. The course concludes with a comprehensive look at context patterns, Q&A sessions, and final thoughts to wrap up your React journey.