React for Beginners - Build Your First Web App
About This Course
This WSQ React for Beginners course will guide you through the fundamentals of React JS, from setting up your first app to building dynamic single-page applications. Learn how to program simple UI applications, render elements using JSX, and code reusable React components. You'll gain hands-on experience in managing state, handling events, and optimizing performance with component lifecycles.
You'll also explore advanced topics such as event binding, creating single-page applications with React Router, and ensuring security in React applications. By the end of the course, you'll be able to build, test, and deploy your own React applications, with practical knowledge of coding APIs, and bundling your projects effectively.
What You'll Learn
- program simple UI applications on React
- render UI elements using JSX
- code reusable React components
- perform testing on component states
- code API to handle events
- perform bundling of single page applications with React Router
Course Outline:
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 React Router
Single Page Application
Installing React Router
Set up React Router
Entry Requirements
Knowledge and Skills
• Able to operate computer functions with minimum Computer Literacy Level 2 based on ICAS Computer Skills Assessment Framework
• Minimum 3 GCE ‘O’ Levels Passes including English or WPL Level 5 (Average of Reading, Listening, Speaking & Writing Scores)
Attitude
• Positive Learning Attitude
• Enthusiastic Learner
Experience
• Minimum of 1 year of working experience.
• Minimum 18 years old