About the React Development course
React is a popular cross-platform JavaScript framework, developed by Facebook. It is used to build interactive user interfaces with both web-based and native components.
The React Development course is for JavaScript programmers. You will learn how to use the React library to create custom components, handle forms and develop native components.
What others say
D. Ramda
E. Groenewald
Why you want to attend
You should attend the React Development course if:
- You are a JavaScript programmer and you want to use React for web-based applications.
- You need to support web applications that use React.
What you need to know first
Before you attend the React Development course:
- You must be able to code in HTML and CSS, and create HTML forms. If you can’t write HTML code, please first attend our HTML and CSS course.
- You must be able to program in JavaScript. If you have little or no JavaScript programming background, please first attend our JavaScript Programming course.
Price and duration
Price: R8,400.00 excluding VAT per delegate.
This price includes everything that you need:
- All course material, provided in an electronic format.
- An attendance certificate after the course, in PDF format.
Duration: 3 days.
The React Development course is presented virtually. Find out more about our virtual training and how it works.
Please check the course schedule for the next available date.
How to book
It’s so easy to book for the React Development course.
Just email us at info@incusdata.com. You can send us a purchase order, or fill in our course enrolment form.
After we have received your booking, we will confirm that you are booked, and we’ll send you an invoice.
Detailed course contents
Introduction
- Introduction to React.
- Adding React to an HTML page.
- Using Create React App.
- Using Next.js framework.
React Basics
- Server vs client components.
- Classes in JavaScript.
- Function and class components.
- The virtual DOM.
- Client React DOM APIs.
- JavaScript XML (JSX).
- Embedding expressions in JSX.
Custom React Components
- User-defined components.
- Creating reusable components.
- React components as pure functions.
React Hooks
- The React lifecycle.
- State hooks.
- Effect hooks.
Events and Event Handling
- Event names.
- Default behaviour.
- Adding event handlers.
- Passing arguments.
Conditional Rendering
- Simple conditional rendering.
- Using variables.
- Logical operators.
- The conditional operator.
- Returning null.
Lists and Keys
- Creating a list.
- Creating keys.
- The scope for uniqueness.
- Passing keys as props.
Forms and Validation
- Controlled components.
- The textarea element.
- The select element.
- Uncontrolled components.
Extending React Components
- Lifting state.
Navigation and Routing
- Using Next.js for routing.
- App router vs pages router.
- The app router.
- The pages router.
React Native Components
- The View component.
- The Text component.
- The Image component.
- The ScrollView component.
- The TextInput component.
- List views.
Native Design and Navigation
- Using flexbox properties for native design.
- The NavigationContainer.
Advanced JavaScript Topics
- Classes in JavaScript.
- Using callbacks.
- Promises in JavaScript.
- Async and Await.
Download the course outline
Download the React Development course outline in PDF format.