Skip to content
React: Build Modern, Scalable, and Interactive Web Applications cover image
Play overlay
Preview this course

React: Build Modern, Scalable, and Interactive Web Applications
Uplatz

Self-paced videos, Lifetime access, Study material, Certification prep, Technical support, Course Completion Certificate

Summary

Price
£100 inc VAT
Or £33.33/mo. for 3 months...
Study method
Online, On Demand
Duration
15.6 hours · Self-paced
Qualification
No formal qualification
Certificates
  • Certificate of completion - Free
  • Reed courses certificate of completion - Free

Overview

Uplatz offers this comprehensive course on React: Build Modern, Scalable, and Interactive Web Applications. It is a self-paced course with video lectures. You will be awarded Course Completion Certificate at the end of the course.

React is a JavaScript library developed by Meta for building fast, scalable, and interactive user interfaces. It is primarily used for single-page applications (SPAs), where content updates dynamically without requiring a full page reload.

React follows a component-based architecture, allowing developers to build reusable UI components that efficiently update and render based on changing data.

In summary, React is a powerful, fast, and scalable library that simplifies frontend development. Whether you're building small applications or large-scale web platforms, React provides the tools, performance, and flexibility needed for modern web development.

How React Works

React works by efficiently updating and rendering components using a concept called the Virtual DOM (Document Object Model).

  1. Virtual DOM – React creates a lightweight copy of the real DOM.
  2. State & Props – Components manage their own data (state) and receive external data (props) from other components.
  3. Reconciliation – When data changes, React updates only the necessary parts of the DOM instead of re-rendering the entire page.
  4. Component-Based Structure – The UI is divided into reusable components, making code easier to manage and scale.
  5. One-Way Data Binding – Data flows in a single direction, ensuring predictable state management.
Core Features of React1. Component-Based Architecture
  • UI is broken into reusable components, improving modularity and maintainability.
2. Virtual DOM for Fast Rendering
  • React updates the Virtual DOM first and then syncs changes efficiently to the real DOM, improving performance.
3. JSX (JavaScript XML)
  • A syntax extension that allows developers to write HTML-like code inside JavaScript, making UI code more readable.
4. React Hooks
  • Functions like useState, useEffect, and useContext allow developers to manage state and side effects without using class components.
5. State & Props Management
  • State stores data within a component.
  • Props pass data from one component to another.
6. React Router
  • Enables navigation between different pages/views in a React application without a full page reload.
7. One-Way Data Flow
  • Ensures predictable and controlled data updates, preventing unexpected UI changes.
8. Server-Side Rendering (SSR) & Static Site Generation (SSG)
  • With frameworks like Next.js, React supports faster initial page loads and improved SEO.
9. Context API & State Management
  • Built-in Context API and external libraries like Redux, MobX, and Zustand help manage global application state.
10. Strong Ecosystem & Third-Party Integrations
  • Works with tools like Webpack, Babel, GraphQL, Firebase, and REST APIs.
Benefits of Using React1. Faster Performance
  • Virtual DOM reduces unnecessary re-renders, making applications faster.
2. Reusable Components
  • Code is modular, reducing duplication and improving maintainability.
3. Easy to Learn & Use
  • Simple syntax (JSX) and a strong developer community make React easy to adopt.
4. Strong Community Support
  • Large ecosystem with open-source libraries, plugins, and frameworks like Next.js and React Native.
5. Cross-Platform Development
  • With React Native, developers can build mobile apps using the same React knowledge.
6. SEO-Friendly (with SSR & SSG)
  • Improved search engine indexing using Next.js for server-side rendering.
7. Flexible & Scalable
  • Suitable for small projects to large enterprise applications.
8. Simplified State Management
  • React's Context API and third-party tools like Redux make managing global state easier.
9. Strong Developer Tools
  • Official React DevTools for debugging and performance optimization.
10. Large Industry Adoption
  • Used by top companies like Facebook, Instagram, Netflix, Airbnb, and Uber.

Certificates

Certificate of completion

Digital certificate - Included

Course Completion Certificate by Uplatz

Reed courses certificate of completion

Digital certificate - Included

Will be downloadable when all lectures have been completed

Curriculum

1
section
18
lectures
15h 38m
total

    • 1: Introduction to ReactJS 33:14
    • 2: Installation, Node.js, Webpack, Create React App, Creating Reusable Components Preview 15:38
    • 3: Props, State, Components 59:53
    • 4: ReactJS component written in TypeScript, Life-cycle Method, Installation of Yarn 1:14:22
    • 5: JSX, state of Things, PropTypes, Collection Types 1:08:13
    • 6: React wth & w/o ES6, React Classes, ES7 Property Initializers, ES6 Workflow JSPM 1:20:00
    • 7: Workflow with Webpack, Passing Data b/w React Components, Pure Components 1:11:52
    • 8: User Interaction, Input Events, Controlled vs. Uncontrolled, Styling Libraries 1:00:23
    • 9: Repeating Elements, react-starter project, Fetching Remote Data, Data-Driven 1:06:27
    • 10: Selectors, Each Function, Attributes, document-ready Event, Events 1:03:31
    • 11: Events, DOM Manipulation, DOM Traversing, CSS Manipulation 55:27
    • 12: Element Visibility, Append, Prepend, jQuery Deferred Objects and Promises, AJAX 33:17
    • 13: Ajax File Uploads, Creating and Filling the Form Data, Promises, Fetching Data 57:39
    • 14: Client-side Routing, React Routing, Static & Dynamic Routing, babel Environment 51:30
    • 15: React.createClass vs extends React.Component, React AJAX call, Stateless Fn Comp 20:46
    • 16: Flux, Redux, Redux Middleware, Redux Actions 54:36
    • 17: Performance, Using Enzyme, Setting up React Environment, JavaScript Expressions 36:32
    • 18: ReactJS Interview Questions & Answers 33:56

Course media

Description

React - Course Syllabus

Introduction

  • What is ReactJS?
  • Installation or Setup
  • Hello World with Stateless Functions
  • Absolute Basics of Creating Reusable Components
  • Create React App
  • Hello World
  • Hello World Component

Components

  • Creating Components
  • Basic Componeents
  • Nesting Components
  • Props
  • Component states - Dynamic user-interface
  • Variations of Stateless Functional Components
  • setState pitfalls

Using ReactJS with TypeScript

  • ReactJS component written in TypeScript
  • Installation and Setup
  • Stateless React Components in TypeScript
  • Stateless and property-less Components

State in React

  • Basic State
  • Common Antipattern
  • setState()
  • State, Events And Managed Controls

Props in React

  • Introduction
  • Default props
  • PropTypes
  • Passing down props using spread operator
  • children and component composition
  • Detecting the type of Children components

React Component Lifecycle

  • Component Creation
  • Component Removal
  • Component Update
  • Lifecycle method call in different states
  • React Component Container

Forms and User Input

  • Controlled Components
  • Uncontrolled Components

React AJAX call

  • HTTP GET request
  • HTTP GET request and looping through data
  • Ajax in React without a third party library - a.k.a with Vanilla

Communication Between Components

  • Child to Parent Components
  • Not-related Components
  • Parent to Child Components

Stateless Functional Components

  • Stateless Functional Component

Performance

  • Performance measurement with ReactJS
  • React's diffs algorithm
  • The Basics - HTML DOM vs Virtual DOM.

Introduction to Server-Side Rendering

  • Rendering components

Setting Up React Environment

  • Simple React Component
  • Install all dependencies
  • Configure webpack
  • Configure babe
  • HTML file to use react component
  • Transpile and bundle your component

Using React with Flow

  • Using Flow to check prop types of stateless functional components
  • Using Flow to check prop types

JSX

  • Props in JSX
  • Children in JSX

Keys in react

  • Using the id of an element
  • Using the array index

Higher Order Components

  • Higher Order Component that checks for authentication
  • Simple Higher Order Component

React with Redux

  • Using Connect.

Who is this course for?

Everyone

Requirements

Passion and determination to achieve your goals!

Career path

  • ReactJS developer
  • React Native Developer
  • Web Developer
  • Senior Web Developer
  • Full Stack Web Developer
  • Frond-end Web Developer
  • Application Developer
  • Software Engineer
  • Software Developer

Questions and answers

Currently there are no Q&As for this course. Be the first to ask a question.

Ask a question

Reviews

Currently there are no reviews for this course. Be the first to leave a review.

Leave a review

Legal information

This course is advertised on Reed.co.uk by the Course Provider, whose terms and conditions apply. Purchases are made directly from the Course Provider, and as such, content and materials are supplied by the Course Provider directly. Reed is acting as agent and not reseller in relation to this course. Reed's only responsibility is to facilitate your payment for the course. It is your responsibility to review and agree to the Course Provider's terms and conditions and satisfy yourself as to the suitability of the course you intend to purchase. Reed will not have any responsibility for the content of the course and/or associated materials.

FAQs

Study method describes the format in which the course will be delivered. At Reed Courses, courses are delivered in a number of ways, including online courses, where the course content can be accessed online remotely, and classroom courses, where courses are delivered in person at a classroom venue.

CPD stands for Continuing Professional Development. If you work in certain professions or for certain companies, your employer may require you to complete a number of CPD hours or points, per year. You can find a range of CPD courses on Reed Courses, many of which can be completed online.

A regulated qualification is delivered by a learning institution which is regulated by a government body. In England, the government body which regulates courses is Ofqual. Ofqual regulated qualifications sit on the Regulated Qualifications Framework (RQF), which can help students understand how different qualifications in different fields compare to each other. The framework also helps students to understand what qualifications they need to progress towards a higher learning goal, such as a university degree or equivalent higher education award.

An endorsed course is a skills based course which has been checked over and approved by an independent awarding body. Endorsed courses are not regulated so do not result in a qualification - however, the student can usually purchase a certificate showing the awarding body's logo if they wish. Certain awarding bodies - such as Quality Licence Scheme and TQUK - have developed endorsement schemes as a way to help students select the best skills based courses for them.
View all
Similar subjects: Design, Web design, Web development, IT
Related searches: Online courses

Interest free credit agreements provided by Zopa Bank Limited trading as DivideBuy are not regulated by the Financial Conduct Authority and do not fall under the jurisdiction of the Financial Ombudsman Service. Zopa Bank Limited trading as DivideBuy is authorised by the Prudential Regulation Authority and regulated by the Financial Conduct Authority and the Prudential Regulation Authority, and entered on the Financial Services Register (800542). Zopa Bank Limited (10627575) is incorporated in England & Wales and has its registered office at: 1st Floor, Cottons Centre, Tooley Street, London, SE1 2QG. VAT Number 281765280. DivideBuy's trading address is First Floor, Brunswick Court, Brunswick Street, Newcastle-under-Lyme, ST5 1HH. © Zopa Bank Limited 2025. All rights reserved.