Developing Applications Using React JS Total Learning
QA Total Learning™ is our newest and most effective way to learn.
- identify, design, create, and test reusable ReactJS JSX components in a hierarchical structure that construct a user interface for a given purpose.
- utilise props, state, and standard ReactJS hooks to manage and consume data or user inputs within a ReactJS application.
- initiate and handle asynchronous calls to external APIs for data required, consumed, or provided by the application.
- implement a single-page application by defining a routing structure using components from the ‘react-router’ package.
- build, test, and deploy a ReactJS application through a CI/CD pipeline.
- Digital stage – up to 20 hours over a minimum of 4 weeks
- Live event – 2 days
- Apply stage – up to 3 hours over a 3-month period
- Course introduction: Welcome to real-world React JS
- Module 1: Intro to React
- Module 2: Components and JSX
- Module 3: Testing using Jest
- Module 4: Thinking in React
- Module 5: Props
- Module 6: State, inverse data flow, and forms
- Module 8: Working with external data
- Module 9: Routing in React
- Module 10: State management
- Module 11: React CI/CD
- Module 12: Discover labs project
- Module 13: Optional challenge lab
- Module 14: Digital skills evaluation
- Module 15: Workplace application
- Digital review/Apply stage reintroduction
- ReactJS warm-up quiz
- Digital stage activities review
- Digital Labs project review
- Apply stage reintroduction
- Practical application of effective components
- Practical application of routing and SPAs
- Thinking in React: Where's your Apply activity thinking at? Practical application of ReactJS
- Practical application of external data & state management
- Apply activity discussion and plan
- Course outcomes and evaluation
- Creating a React-based application in the workplace
- Implement SPAs, routing, and external data into the design of web pages
- Begin to understand how to factor in security and CI/CD practices