Course

In the introduction to React, you learn JSX syntax, components, props, and state. You'll also learn about React hooks to manage state and lifecycle events in functional components.

In styling, you learn to use CSS in React components, including such as CSS modules and CSS-in-JS. They also learn about responsive design, and how to create layouts.

Students learn to build reusable components, component composition, inheritance, and higher-order components.

Students learn to understand React Router DOM and set up the basic structure of your React application with React Router DOM.

In Managing Data with Redux, you will learn how to manage complex data with the state-management library.

Students learn to set up authentication and authorization in your web application. And how to authenticate users, and pages, and manage user sessions.

In deploying, we learn to deploy our React application to production with code splitting and lazy loading techniques. Also, learn about set-up hosting and SSL.

• Introduction to React
• What is React?
• Features and benefits of React
• Tools and technologies used in React development

• Installing Node.js and npm
• Creating a React project using Create React App
• Understanding the project structure and configuration files

• Understanding React components and their structure
• Using state and props to manage data and behavior
• Lifecycle methods and their uses

• Understanding JSX syntax
• Using JSX to create React components
• Conditional rendering and looping

• Using CSS to style React components
• Inline styles and their advantages and disadvantages
• CSS-in-JS libraries like Styled Components and Emotion

• Understanding client-side routing and its benefits
• Using React Router to create a Single Page Application (SPA)
• Configuring routes and navigating between pages

• Managing form input and user interactions in React
• Validating form data and displaying error messages
• Submitting form data and making API requests

• Making API requests in React using libraries like Axios and Fetch
• Handling API responses and updating the UI
• Creating reusable API components

• Understanding the principles of Redux
• Using Redux to manage state in React applications
• Creating actions, reducers, and stores

• Best practices for designing and optimising React applications
• Performance optimization techniques
• Debugging and testing React applications

• Preparing a React application for production
• Creating a production build and optimising it
• Deploying the application to a hosting service