Introductory React Course

Instructor-led Training

Course Description

Welcome to “React Fundamentals,” a comprehensive course designed to empower you with the essential skills and knowledge needed to become proficient in React, the JavaScript library for building user interfaces. This course is structured to guide you through the core concepts and best practices, providing a solid foundation for your React
journey.

Audience Profile

This course is built for developers who have JavaScript, HTML, and CSS knowledge and a familiarity with building Single Page Applications.

About this Course

Course Outline
● Module 1: Introduction to React
o Overview of React and its evolution over time.
o Explanation of React’s virtual DOM and its advantages.
o Key milestones and versions in React’s development.
▪ Highlight shift from class to function components and hooks, and mention
differences between CSR and SSR.
● Module 2: Introduction to JSX
o Explanation of JSX, its syntax, and role in React.
o Converting HTML snippets to JSX.
o Embedding JavaScript expressions in JSX.
● Module 3: Building React Components
o Definition and role of components in a React application.
o Creating functional components.
o Comparison between functional and class components
● Module 4: Passing Props
o Mapping the idea of function arguments to component props.
o Using strings vs. other object types as props.
o Passing functions as callbacks to child components.
● Module 5: Styling in React
o Basics of Inline Styles
o Importing and Using CSS Files
o Introduction to CSS Modules
● Module 6: State Management in React
o Concept of State in React
o Using the useState Hook
o Managing Refs with useRef
o State Sharing Between Components
o React’s State Management Best Practices
● Module 7: React Lifecycle and Effects
o Overview of the React component lifecycle.
o Using the useEffect hook for side effects and data fetching.
● Module 8: Handling User Inputs and Forms
o Creating interactive forms and managing form state.
o Implementing dependent inputs and form handling techniques.
o Validation and feedback mechanisms for user input.
● Module 9: Routing in React
o Understanding React Router
o Basic Routing Concepts
o Implementing Navigation
● Module 10: Making HTTP Requests
o Fetching data from APIs using React.
o Managing asynchronous operations and state updates.
o Error handling and data presentation strategies.
● Module 11: Testing in React
o Introduction to testing tools like Jest and React Testing Library.
o Writing unit tests for components, hooks, and application logic.
o Best practices in testing React applications.
● Module 12: Wrap-Up and Q&A
o Recap of key React concepts and the example project.
o Open session for questions and answers.
o Guidance on further learning resources and next steps in mastering React

5 Days

JavaScript
HTML
CSS

Software Development

Need to Train a Team?

Contact us to schedule a dedicated class for your team.