React Projects

Simpliv

Course

Online

£ 150 VAT inc.

The best Other Education courses

See all

See all

Description

  • Type

    Course

  • Methodology

    Online

  • Start date

    Different dates available

Create real-world applications with React, Redux, and related librariesReact is increasingly becoming one of the leading client side web frameworks and has become the number one developer’s choice to build interactive single page web applications.This course starts with a refresher on the basics, but quickly ramps it up and introduces new libraries and concepts in each application. Wel guide you through creating seven real-world React applications: a to do list; a recipe database; a polished, stylish and well tested responsive application; a multi-region weather forecast app; a data analysis dashboard app; a Twitter clone; and a multi-step newsletter sign-up form that sends data to Firebase. You’ll start by building basic single page applications and move on to advanced projects using Redux. Each project covered in this course is standalone and will help you harness the full potential of the React framework.Through this course, you’ll experience how real-world applications can be built in a rapid and predictable way with React, enabling you to build upon your basic React knowledge so you are confident using React and its associated libraries to create advanced, production-ready projects.About the AuthorsTom Duncalf has been a professional JavaScript developer for nearly 10 years, and has been working with React for more than 3 years. He has professional experience with many programming languages and technologies, including Python, Ruby, C#, PHP, PostgreSQL, and MySQL. In addition to React itself, he is very interested in the JavaScript ecosystem building up around it, including libraries such as Redux and MobX.

Facilities

Location

Start date

Online

Start date

Different dates availableEnrolment now open

About this course

Manage a complex application state with Redux or MobX
Easily add attractive UIs and visual polish to applications
Become more efficient in developing by leveraging React components
Persist user data both locally and to APIs such as Firebase
Create advanced forms and performant UIs for huge amounts of data
Work with applications that require real-time updates
Tune the performance of a React application and ensure it is ready for production usage

Questions & Answers

Add your question

Our advisors and other users will be able to reply to you

Who would you like to address this question to?

Fill in your details to get a reply

We will only publish your name and question

Reviews

This centre's achievements

2021

All courses are up to date

The average rating is higher than 3.7

More than 50 reviews in the last 12 months

This centre has featured on Emagister for 4 years

Subjects

  • Javascript training
  • Testing
  • Javascript
  • Database
  • Database training
  • Web
  • Project
  • Technology
  • Install

Course programme

Installation and Setup 2 lectures 04:48 The Course Overview This video provides an overview of the entire course. Getting Started with React In this video, we will set up your development environment for working with React.
  • Set up your text editor
  • Install npm
  • Install the React Dev Tools
Installation and Setup 2 lectures 04:48 The Course Overview This video provides an overview of the entire course. Getting Started with React In this video, we will set up your development environment for working with React.
  • Set up your text editor
  • Install npm
  • Install the React Dev Tools
The Course Overview This video provides an overview of the entire course. The Course Overview This video provides an overview of the entire course. The Course Overview This video provides an overview of the entire course. The Course Overview This video provides an overview of the entire course. This video provides an overview of the entire course. This video provides an overview of the entire course. Getting Started with React In this video, we will set up your development environment for working with React.
  • Set up your text editor
  • Install npm
  • Install the React Dev Tools
Getting Started with React In this video, we will set up your development environment for working with React.
  • Set up your text editor
  • Install npm
  • Install the React Dev Tools
Getting Started with React In this video, we will set up your development environment for working with React.
  • Set up your text editor
  • Install npm
  • Install the React Dev Tools
Getting Started with React In this video, we will set up your development environment for working with React.
  • Set up your text editor
  • Install npm
  • Install the React Dev Tools
In this video, we will set up your development environment for working with React.
  • Set up your text editor
  • Install npm
  • Install the React Dev Tools
In this video, we will set up your development environment for working with React.
  • Set up your text editor
  • Install npm
  • Install the React Dev Tools
Building a To-Do List Application 5 lectures 35:25 An Introduction to React In this video we will introduce React and discuss what makes it such an interesting technology
  • What is React?
  • What makes React unique?
  • What has made React so successful?
Setting Up a New React Project In this video, we’ll introduce some of the core tooling
  • Setting up a new React project
  • Working with npm
  • Setting up Babel
Setting Up Webpack In this video, we’ll learn how to set up Webpack.
  • Setting up Webpack
  • Working with Webpack configuration
  • Committing our code to git
Building the To-Do List App In this video, we’ll introduce some of the fundamental concepts of working with React.
  • Creating a basic to-do list app using hardcoded data
  • Working with React components
  • Working with props
Making the To-Do List Interactive In this video, we’ll complete the to-do list by adding interactivity
  • Making the to-do list interactive
  • Working with React component state
  • Working with callbacks
Building a To-Do List Application 5 lectures 35:25 An Introduction to React In this video we will introduce React and discuss what makes it such an interesting technology
  • What is React?
  • What makes React unique?
  • What has made React so successful?
Setting Up a New React Project In this video, we’ll introduce some of the core tooling
  • Setting up a new React project
  • Working with npm
  • Setting up Babel
Setting Up Webpack In this video, we’ll learn how to set up Webpack.
  • Setting up Webpack
  • Working with Webpack configuration
  • Committing our code to git
Building the To-Do List App In this video, we’ll introduce some of the fundamental concepts of working with React.
  • Creating a basic to-do list app using hardcoded data
  • Working with React components
  • Working with props
Making the To-Do List Interactive In this video, we’ll complete the to-do list by adding interactivity
  • Making the to-do list interactive
  • Working with React component state
  • Working with callbacks
An Introduction to React In this video we will introduce React and discuss what makes it such an interesting technology
  • What is React?
  • What makes React unique?
  • What has made React so successful?
An Introduction to React In this video we will introduce React and discuss what makes it such an interesting technology
  • What is React?
  • What makes React unique?
  • What has made React so successful?
An Introduction to React In this video we will introduce React and discuss what makes it such an interesting technology
  • What is React?
  • What makes React unique?
  • What has made React so successful?
An Introduction to React In this video we will introduce React and discuss what makes it such an interesting technology
  • What is React?
  • What makes React unique?
  • What has made React so successful?
In this video we will introduce React and discuss what makes it such an interesting technology
  • What is React?
  • What makes React unique?
  • What has made React so successful?
In this video we will introduce React and discuss what makes it such an interesting technology
  • What is React?
  • What makes React unique?
  • What has made React so successful?
Setting Up a New React Project In this video, we’ll introduce some of the core tooling
  • Setting up a new React project
  • Working with npm
  • Setting up Babel
Setting Up a New React Project In this video, we’ll introduce some of the core tooling
  • Setting up a new React project
  • Working with npm
  • Setting up Babel
Setting Up a New React Project In this video, we’ll introduce some of the core tooling
  • Setting up a new React project
  • Working with npm
  • Setting up Babel
Setting Up a New React Project In this video, we’ll introduce some of the core tooling
  • Setting up a new React project
  • Working with npm
  • Setting up Babel
In this video, we’ll introduce some of the core tooling
  • Setting up a new React project
  • Working with npm
  • Setting up Babel
In this video, we’ll introduce some of the core tooling
  • Setting up a new React project
  • Working with npm
  • Setting up Babel
Setting Up Webpack In this video, we’ll learn how to set up Webpack.
  • Setting up Webpack
  • Working with Webpack configuration
  • Committing our code to git
Setting Up Webpack In this video, we’ll learn how to set up Webpack.
  • Setting up Webpack
  • Working with Webpack configuration
  • Committing our code to git
Setting Up Webpack In this video, we’ll learn how to set up Webpack.
  • Setting up Webpack
  • Working with Webpack configuration
  • Committing our code to git
Setting Up Webpack In this video, we’ll learn how to set up Webpack.
  • Setting up Webpack
  • Working with Webpack configuration
  • Committing our code to git
In this video, we’ll learn how to set up Webpack.
  • Setting up Webpack
  • Working with Webpack configuration
  • Committing our code to git
In this video, we’ll learn how to set up Webpack.
  • Setting up Webpack
  • Working with Webpack configuration
  • Committing our code to git
Building the To-Do List App In this video, we’ll introduce some of the fundamental concepts of working with React.
  • Creating a basic to-do list app using hardcoded data
  • Working with React components
  • Working with props
Building the To-Do List App In this video, we’ll introduce some of the fundamental concepts of working with React.
  • Creating a basic to-do list app using hardcoded data
  • Working with React components
  • Working with props
Building the To-Do List App In this video, we’ll introduce some of the fundamental concepts of working with React.
  • Creating a basic to-do list app using hardcoded data
  • Working with React components
  • Working with props
Building the To-Do List App In this video, we’ll introduce some of the fundamental concepts of working with React.
  • Creating a basic to-do list app using hardcoded data
  • Working with React components
  • Working with props
In this video, we’ll introduce some of the fundamental concepts of working with React.
  • Creating a basic to-do list app using hardcoded data
  • Working with React components
  • Working with props
In this video, we’ll introduce some of the fundamental concepts of working with React.
  • Creating a basic to-do list app using hardcoded data
  • Working with React components
  • Working with props
Making the To-Do List Interactive In this video, we’ll complete the to-do list by adding interactivity
  • Making the to-do list interactive
  • Working with React component state
  • Working with callbacks
Making the To-Do List Interactive In this video, we’ll complete the to-do list by adding interactivity
  • Making the to-do list interactive
  • Working with React component state
  • Working with callbacks
Making the To-Do List Interactive In this video, we’ll complete the to-do list by adding interactivity
  • Making the to-do list interactive
  • Working with React component state
  • Working with callbacks
Making the To-Do List Interactive In this video, we’ll complete the to-do list by adding interactivity
  • Making the to-do list interactive
  • Working with React component state
  • Working with callbacks
In this video, we’ll complete the to-do list by adding interactivity
  • Making the to-do list interactive
  • Working with React component state
  • Working with callbacks
In this video, we’ll complete the to-do list by adding interactivity
  • Making the to-do list interactive
  • Working with React component state
  • Working with callbacks
Building a Database Application 5 lectures 42:21 Setting Up the Project In this video, we’ll create a template and introduce some more React features
  • Setting up a template React project
  • Stateless functional components
  • Creating a layout with Bootstrap
Controlling Forms with State In this video, we’ll learn how to work with forms using React’s component state
  • Controlling forms with state
  • Submitting form data
  • PropTypes
Working with Immutable Data In this video, we’ll learn more about working with data in React
  • Working with forms
  • Working with immutable data to create recipes
  • React Dev Tools
Persisting Data In this video we’ll add persistence and some other features to the application, Persisting data to local storage
  • Adding delete functionality
  • Adding search functionality
Editing Existing Data In this video, we’ll complete the application by adding the ability to edit existing data.
  • Creating an edit form
  • Editing data
Building a Database Application In this video, we will introduce some techniques for testing component interactions
  • Mocking data required by components
  • Testing user interactions with components
  • Using stubs to verify whether functions have been called
Testing Component Interactions In this video, we will introduce some techniques for testing component interactions
  • Mocking data required by components
  • Testing user interactions with components
  • Using stubs to verify whether functions have been called
Testing Component Interactions In this video, we will introduce some techniques for testing component interactions
  • Mocking data required by components
  • Testing user interactions with components
  • Using stubs to verify whether functions have been called
In this video, we will introduce some techniques for testing component interactions
  • Mocking data required by components
  • Testing user interactions with components
  • Using stubs to verify whether functions have been called
In this video, we...

Additional information

A basic knowledge of React is assumed

See related categories

React Projects

£ 150 VAT inc.

The best Other Education courses

See all

See all