Learning ReactJS

Simpliv

Course

Online

£ 12 + VAT

The best Other programming courses

See all

See all

Description

  • Type

    Course

  • Methodology

    Online

  • Start date

    Different dates available

Build beautiful, modern, and modularized UIs with ReactJS.React is a JavaScript library that communicates changes on a User Interface to the browsers quickly, without having to re-render anything except the part of the display that needs to change. Elements of a site or application can be updated seamlessly without delay, without disrupting the rest of the display or requiring the user to refresh.This course first covers all of the React.js basics like its API to create elements and components, the virtual DOM and the JSX syntax extension, using the state, working with browser events and components lifecycle methods. We then dive in and build an application from scratch to practically use the knowledge gained in the first part.The application we will be building is an administration page for a list of books. You will see a list of books, then can add new books and remove books from the list. The final application will work with a server API to persist the data and it will use the Redux library to manage the data state for React.About The AuthorSamer Buna is a technical content author, software engineer, and mentor. He has a master's degree in information security and over ten years of progressive experience and success creating tailored solutions for businesses within many industries.
Samer is passionate about everything JavaScript, and he loves exploring new libraries. His favorite technical stacks are Node.js for the backend and React.js for the frontend.
Samer has authored a few books and online courses about React and GraphQL. You can follow him on Twitter at @samerbuna.

Facilities

Location

Start date

Online

Start date

Different dates availableEnrolment now open

About this course

Set up React development environments
See what comprises the React.js library
Get to grips with React components and their life cycles
Use React JSX and the Virtual DOM
Understand how React work with browser events
Understand React’s controlled components
Work with stateful class components and stateless function components
Design a simple browser application
Manage the state and use a server API with React
Learn about Redux stores, reducers, actions, and middlewares

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

  • Design
  • Ajax
  • Javascript
  • HTML
  • Javascript training
  • Options

Course programme

Installation and Setup 2 lectures 12:07 The Course Overview This video gives an overview of the entire course. Setup Guide Explore the different ways you can use to write and experiment with React applications.
  • Know about playground tools such as Plunker and JSBin
  • Use the create-react-app npm package
  • Use Webpack and Babel.js
Installation and Setup 2 lectures 12:07 The Course Overview This video gives an overview of the entire course. Setup Guide Explore the different ways you can use to write and experiment with React applications.
  • Know about playground tools such as Plunker and JSBin
  • Use the create-react-app npm package
  • Use Webpack and Babel.js
The Course Overview This video gives an overview of the entire course. The Course Overview This video gives an overview of the entire course. The Course Overview This video gives an overview of the entire course. The Course Overview This video gives an overview of the entire course. This video gives an overview of the entire course. This video gives an overview of the entire course. Setup Guide Explore the different ways you can use to write and experiment with React applications.
  • Know about playground tools such as Plunker and JSBin
  • Use the create-react-app npm package
  • Use Webpack and Babel.js
Setup Guide Explore the different ways you can use to write and experiment with React applications.
  • Know about playground tools such as Plunker and JSBin
  • Use the create-react-app npm package
  • Use Webpack and Babel.js
Setup Guide Explore the different ways you can use to write and experiment with React applications.
  • Know about playground tools such as Plunker and JSBin
  • Use the create-react-app npm package
  • Use Webpack and Babel.js
Setup Guide Explore the different ways you can use to write and experiment with React applications.
  • Know about playground tools such as Plunker and JSBin
  • Use the create-react-app npm package
  • Use Webpack and Babel.js
Explore the different ways you can use to write and experiment with React applications.
  • Know about playground tools such as Plunker and JSBin
  • Use the create-react-app npm package
  • Use Webpack and Babel.js
Explore the different ways you can use to write and experiment with React applications.
  • Know about playground tools such as Plunker and JSBin
  • Use the create-react-app npm package
  • Use Webpack and Babel.js
What Is React? 3 lectures 27:01 Why React? Explain what React is and its main design concepts.
  • Learn about reusable, composable, and stateful components
  • Learn about React's nature of reactive updates
  • Learn about React's virtual representation of views in memory
The React Way How to work with data in HTML using React and other options?
  • Learn declarative HTML, generating HTML, and using enhanced HTML templates
  • Learn about Ajax and JavaScript-based HTML template languages, and modifying the DOM nodes
  • Learn about React's API for generating HTML elements using objects in JavaScript
The Virtual DOM What does having a virtual DOM actually mean in practice?
  • Create a simple native JavaScript example for a ticking timer
  • Create a React example for the same ticking timer
  • See the virtual DOM way for updating the browser's DOM
What Is React? 3 lectures 27:01 Why React? Explain what React is and its main design concepts.
  • Learn about reusable, composable, and stateful components
  • Learn about React's nature of reactive updates
  • Learn about React's virtual representation of views in memory
The React Way How to work with data in HTML using React and other options?
  • Learn declarative HTML, generating HTML, and using enhanced HTML templates
  • Learn about Ajax and JavaScript-based HTML template languages, and modifying the DOM nodes
  • Learn about React's API for generating HTML elements using objects in JavaScript
The Virtual DOM What does having a virtual DOM actually mean in practice?
  • Create a simple native JavaScript example for a ticking timer
  • Create a React example for the same ticking timer
  • See the virtual DOM way for updating the browser's DOM
Why React? Explain what React is and its main design concepts.
  • Learn about reusable, composable, and stateful components
  • Learn about React's nature of reactive updates
  • Learn about React's virtual representation of views in memory
Why React? Explain what React is and its main design concepts.
  • Learn about reusable, composable, and stateful components
  • Learn about React's nature of reactive updates
  • Learn about React's virtual representation of views in memory
Why React? Explain what React is and its main design concepts.
  • Learn about reusable, composable, and stateful components
  • Learn about React's nature of reactive updates
  • Learn about React's virtual representation of views in memory
Why React? Explain what React is and its main design concepts.
  • Learn about reusable, composable, and stateful components
  • Learn about React's nature of reactive updates
  • Learn about React's virtual representation of views in memory
Explain what React is and its main design concepts.
  • Learn about reusable, composable, and stateful components
  • Learn about React's nature of reactive updates
  • Learn about React's virtual representation of views in memory
Explain what React is and its main design concepts.
  • Learn about reusable, composable, and stateful components
  • Learn about React's nature of reactive updates
  • Learn about React's virtual representation of views in memory
The React Way How to work with data in HTML using React and other options?
  • Learn declarative HTML, generating HTML, and using enhanced HTML templates
  • Learn about Ajax and JavaScript-based HTML template languages, and modifying the DOM nodes
  • Learn about React's API for generating HTML elements using objects in JavaScript
The React Way How to work with data in HTML using React and other options?
  • Learn declarative HTML, generating HTML, and using enhanced HTML templates
  • Learn about Ajax and JavaScript-based HTML template languages, and modifying the DOM nodes
  • Learn about React's API for generating HTML elements using objects in JavaScript
The React Way How to work with data in HTML using React and other options?
  • Learn declarative HTML, generating HTML, and using enhanced HTML templates
  • Learn about Ajax and JavaScript-based HTML template languages, and modifying the DOM nodes
  • Learn about React's API for generating HTML elements using objects in JavaScript
The React Way How to work with data in HTML using React and other options?
  • Learn declarative HTML, generating HTML, and using enhanced HTML templates
  • Learn about Ajax and JavaScript-based HTML template languages, and modifying the DOM nodes
  • Learn about React's API for generating HTML elements using objects in JavaScript
How to work with data in HTML using React and other options?
  • Learn declarative HTML, generating HTML, and using enhanced HTML templates
  • Learn about Ajax and JavaScript-based HTML template languages, and modifying the DOM nodes
  • Learn about React's API for generating HTML elements using objects in JavaScript
How to work with data in HTML using React and other options?
  • Learn declarative HTML, generating HTML, and using enhanced HTML templates
  • Learn about Ajax and JavaScript-based HTML template languages, and modifying the DOM nodes
  • Learn about React's API for generating HTML elements using objects in JavaScript
The Virtual DOM What does having a virtual DOM actually mean in practice?
  • Create a simple native JavaScript example for a ticking timer
  • Create a React example for the same ticking timer
  • See the virtual DOM way for updating the browser's DOM
The Virtual DOM What does having a virtual DOM actually mean in practice?
  • Create a simple native JavaScript example for a ticking timer
  • Create a React example for the same ticking timer
  • See the virtual DOM way for updating the browser's DOM
The Virtual DOM What does having a virtual DOM actually mean in practice?
  • Create a simple native JavaScript example for a ticking timer
  • Create a React example for the same ticking timer
  • See the virtual DOM way for updating the browser's DOM
The Virtual DOM What does having a virtual DOM actually mean in practice?
  • Create a simple native JavaScript example for a ticking timer
  • Create a React example for the same ticking timer
  • See the virtual DOM way for updating the browser's DOM
What does having a virtual DOM actually mean in practice?
  • Create a simple native JavaScript example for a ticking timer
  • Create a React example for the same ticking timer
  • See the virtual DOM way for updating the browser's DOM
What does having a virtual DOM actually mean in practice?
  • Create a simple native JavaScript example for a ticking timer
  • Create a React example for the same ticking timer
  • See the virtual DOM way for updating the browser's DOM
Declarative User Interfaces 2 lectures 09:16 React's Language This video will help you understand how React is a bridge between an imperative API and a declarative one.
  • Learn how React's language allows us to declaratively describe user interfaces
  • Compare the imperative way to the declarative way
  • Understand how React takes care of data transitions after the UI definition
JSX The aim of this video is to know the why/what/how of JSX.
  • Explain why working with JSX is a popular option in React
  • Work through an example to switch React API calls to JSX in Plunker
  • Delve into the local development options to work with JSX
Declarative User Interfaces. 2 lectures 09:16 React's Language This video will help you understand how React is a bridge between an imperative API and a declarative one.
  • Learn how React's language allows us to declaratively describe user interfaces
  • Compare the imperative way to the declarative way
  • Understand how React takes care of data transitions after the UI definition
JSX The aim of this video is to know the why/what/how of JSX.
  • Explain why working with JSX is a popular option in React
  • Work through an example to switch React API calls to JSX in Plunker
  • Delve into the local development options to work with JSX
React's Language This video will help you understand how React is a bridge between an imperative API and a declarative one.
  • Learn how React's language allows us to declaratively describe user interfaces
  • Compare the imperative way to the declarative way
  • Understand how React takes care of data transitions after the UI definition
React's Language This video will help you understand how React is a bridge between an imperative API and a declarative one.
  • Learn how React's language allows us to declaratively describe user interfaces
  • Compare the imperative way to the declarative way
  • Understand how React takes care of data transitions after the UI definition
React's Language This video will help you understand how React is a bridge between an imperative API and a declarative one.
  • Learn how React's language allows us to declaratively describe user interfaces
  • Compare the imperative way to the declarative way
  • Understand how React takes care of data transitions after the UI definition
React's Language This video will help you understand how React is a bridge between an imperative API and a declarative one.
  • Learn how React's language allows us to declaratively describe user interfaces
  • Compare the imperative way to the declarative way
  • Understand how React takes care of data transitions after the UI definition
This video will help you understand how React is a bridge between an imperative API and a declarative one.
  • Learn how React's language allows us to declaratively describe user interfaces
  • Compare the imperative way to the declarative way
  • Understand how React takes care of data transitions after the UI definition
This video will help you understand how React is a bridge between an imperative API and a declarative one.
  • Learn how React's language allows us to declaratively describe user interfaces
  • Compare the imperative way to the declarative way
  • Understand how React takes care of data transitions after the UI definition
JSX The aim of this video is to know the why/what/how of JSX.
  • Explain why working with JSX is a popular option in React
  • Work through an example to switch React API calls to JSX in Plunker
  • Delve into the local development options to work with JSX
JSX The aim of this video is to know the why/what/how of JSX.
  • Explain why working with JSX is a popular option in React
  • Work through an example to switch React API calls to JSX in Plunker
  • Delve into the local development options to work with JSX
JSX The aim of this video is to know the why/what/how of JSX ongGiving Children Components Access to the State Our aim in this video is to learn how to make children components able to trigger change operations on their parent component's state.
  • Get to know how to pass functions as...

Additional information

This video course is front-end web developers and mobile application developers with a good working knowledge of JavaScript Through this practical course, you will be equipped with a good understanding of the mechanics behind ReactJS, and how to create lightweight, responsive application UIs. You will be able to build several UI elements, make them reactive to user input, and extend your knowledge of DOM manipulation to customize your own UIs in the future

See related categories

Learning ReactJS

£ 12 + VAT

The best Other programming courses

See all

See all