Step into the world of React with our meticulous React Essential Training. This course kickstarts with an introduction to what React.js is, followed by a dive into the transformative potential of JSX. Participants will gain hands-on experience in creating a robust React component, which is the foundational block of any React-based application. Understanding event handling is pivotal in React, and our training ensures learners are proficient in managing user interactions.

The course further delves into the concept of state, ensuring participants grasp the intricacies of stateful components and the dynamic nature of React applications. Additionally, the curriculum offers in-depth insights into the array of components that React has to offer, culminating in a practical session on building a React.js app from scratch. With a blend of theory and practice, this training ensures a holistic grasp of React, empowering developers to craft interactive and efficient web applications.

Certificate

All participants will receive a Certificate of Completion from Tertiary Courses after achieved at least 75% attendance.

Funding and Grant

HRD Corp Claimable Course for Employers Registered with HRD Corp

Course Code: M1144

Topic 1 Get Started on React JS

• Introduction to React JS

• Adding React to a Website

• Create a New React App

Topic 2 Introducing JSX and Rendering Elements

• Introduction to JSX

• Rendering an Element into the DOM

• Updating the Rendered Element

• Securities Concerns

Topic 3 Components and Props

• Introduction to React Components?

• Function and Class Components

• Rendering a Component

• Composing Components

• Import/Export Components

• Passing Data via Props

Topic 4 State and Lifecycle

• Adding Local State to a Component

• Component Lifecycle

Topic 5 Handling Events

• Event Binding

• Passing Arguments to Event Handlers

Topic 6 Single Page Application Using React Router

• Single Page Application

• Installing React Router

• Set up React Router

Topic 7 Lists and Keys

• Loop a List with Map

• Keys

• Refs

Topic 8 Hooks (Optional)