About the React Development course
React is a widely used JavaScript library created by FaceBook. Many companies use it to build fast, interactive web applications that are easy to update and grow. It helps developers manage changes to the user interface efficiently.The React Development course teaches JavaScript developers how to build web applications using React. You will learn how to create strong, reusable components, manage data, handle user input, and create clean user interfaces that are simple to maintain. The course also covers how React works with JavaScript and TypeScript.
Using React correctly helps developers reduce duplicated code, avoid unnecessary rework and build applications that are easier to maintain.
Delegate feedback
Feedback from delegates who have attended this course:
Intended audience
This course is useful if:- You are a JavaScript developer and you want or need to build web applications using React.
- You need to maintain or support web applications that are developed using React.
- You are joining a team that is developing applications using React.
Prerequisites
- You must be able to write HTML and CSS and understand how JavaScript interacts with web pages. If you do not have this background, first attend our HTML and CSS course.
- You must already be able to write and understand JavaScript programs. If you do not have this experience, first attend our JavaScript Programming course.
Course details
Price: R8,900 excluding VAT per delegate.
Included:
- Electronic course material.
- Attendance certificate (PDF).
Duration: 3 days.
Delivery: Virtual classroom
See how virtual training works.
See the course schedule for upcoming dates.
Booking information
Email your booking to info@incusdata.com. A purchase order, or completed enrolment form is sufficient.
We will confirm the booking and issue an invoice.
Course contents
Introduction
- Overview of React.
- Adding React to a web application.
- Creating a React project.
- Structure of a React application.
React Fundamentals
- Function components.
- The virtual DOM.
- JavaScript XML (JSX).
- Embedding expressions in JSX.
Components and Props
- Creating custom components.
- Reusable components.
- Passing data using props.
- Composing components.
State and Hooks
- Component state.
- State hooks.
- Effect hooks.
- The component lifecycle.
Event Handling
- Handling user events.
- Passing arguments to event handlers.
- Preventing default behaviour.
Conditional Rendering
- Conditional expressions.
- Using logical operators.
- Returning null.
Lists and Keys
- Rendering lists.
- Using keys.
- Passing keys as props.
Forms
- Controlled components.
- Form inputs.
- Form validation.
Component Communication
- Lifting state.
- Sharing state between components.
Navigation and Routing
- Client-side routing.
- Creating routes.
- Navigation between pages.
Using React with Next.js
- Overview of Next.js.
- Creating a Next.js application.
- File-based routing.
- Server and client components.
Introduction to React Native
- Overview of React Native.
- Native components such as View, Text and Image.
- Layout using Flexbox.
- Navigation concepts in mobile applications.