Learning ReactJS
3.8 (5 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
52 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Learning ReactJS to your Wishlist.

Add to Wishlist

Learning ReactJS

Build beautiful, modern, and modularized UIs with ReactJS
3.8 (5 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
52 students enrolled
Created by Packt Publishing
Last updated 11/2016
English
Current price: $12 Original price: $85 Discount: 86% off
3 days left at this price!
30-Day Money-Back Guarantee
Includes:
  • 3 hours on-demand video
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion

Training 5 or more people?

Get your team access to Udemy's top 2,000 courses anytime, anywhere.

Try Udemy for Business
What Will I Learn?
  • 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
View Curriculum
Requirements
  • 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.
Description

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 Author

Samer 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.

Who is the target audience?
  • This video course is front-end web developers and mobile application developers with a good working knowledge of JavaScript.
Compare to Other React Courses
Curriculum For This Course
36 Lectures
03:11:16
+
Installation and Setup
2 Lectures 12:06

This video gives an overview of the entire course.

Preview 03:16

Explore the different ways you can use to write and experiment with React applications. 

Setup Guide
08:50
+
What Is React?
3 Lectures 27:00

Explain what React is and its main design concepts. 

Preview 06:40

How to work with data in HTML using React and other options? 

The React Way
11:14

What does having a virtual DOM actually mean in practice? 

The Virtual DOM
09:06
+
Declarative User Interfaces
2 Lectures 09:16

This video will help you understand how React is a bridge between an imperative API and a declarative one. 

Preview 04:51

The aim of this video is to know the why/what/how of JSX. 

JSX
04:25
+
React Components
4 Lectures 22:32

The aim of this video is to define React's components. 

Preview 07:02

The aim of this video is to teach tips about using JSX in React components. 

Using JSX
03:04

In this video, we will understand the readability and reusability benefits of React components. 

Readability and Reusability
05:49

With this video, get to know the composability benefit of React components. 

Composability
06:37
+
Components State
3 Lectures 16:30

The aim of this video is to teach you to read and update a React component's state. 

Preview 07:48

The aim of this video is to explain how the placement of an application state matters. 

Deciding Who Owns the State
05:29

Our aim in this video is to learn how to make children components able to trigger change operations on their parent component's state. 

Giving Children Components Access to the State
03:13
+
Working with User Input
3 Lectures 12:13

The aim of this video is to show React's Event System. 

Preview 03:08

The video will show you how to access DOM elements and APIs directly. 

Working with DOM Nodes
04:44

The video will show you how to create a controlled input component. 

Controlled Components
04:21
+
Components Lifecycle
2 Lectures 08:49

How to use the lifecycle methods for mounting/unmounting of components. 

Preview 05:15

How to use the lifecycle methods for updating components. 

Updating Components
03:34
+
Building an Application with React
2 Lectures 08:08

The aim of this video is to define the main requirements of the application we will be building. 

Preview 02:33

The aim of this video is to build presentational React components to work with the initial data of books. 

Building the Presentational Components
05:35
+
Using React's Built-in State
7 Lectures 40:41

The aim of this video is to show how to work with stateful components. 

Preview 07:11

Modularity in components is important as we need to maintain code for every component in its own modules. With this video, explore more on modulatity. 

Separating Components into Modules
04:36

The aim of this video is to learn the function of deleting a book from the list of books. 

Implementing the Delete Action
06:46

The aim of this video is to show how to display a book price in dollars and how to account for the missing prices. 

Handling Edge Data Cases
03:35

The aim of this video is to implement an "add book" action. 

Reading User Input from the DOM
05:48

This video teaches how to read input from the user using a controlled input component. 

Using a Controlled Input Component
05:15

The aim of this video is to show how to work with the authors object in data. 

Displaying the Author Information
07:30
+
Talking to a Remote Backend
3 Lectures 12:08

The aim of this video is to tell you how to move data to the backend. 

Preview 02:51

The aim of this video is to fetch the API data from React State. 

Fetching Data to React State
03:28

The aim of this video is to show how improving the data API allows us to improve the front-end code. 

Improving the Data API
05:49
1 More Section
About the Instructor
Packt Publishing
3.9 Average rating
8,274 Reviews
59,237 Students
687 Courses
Tech Knowledge in Motion

Packt has been committed to developer learning since 2004. A lot has changed in software since then - but Packt has remained responsive to these changes, continuing to look forward at the trends and tools defining the way we work and live. And how to put them to work.

With an extensive library of content - more than 4000 books and video courses -Packt's mission is to help developers stay relevant in a rapidly changing world. From new web frameworks and programming languages, to cutting edge data analytics, and DevOps, Packt takes software professionals in every field to what's important to them now.

From skills that will help you to develop and future proof your career to immediate solutions to every day tech challenges, Packt is a go-to resource to make you a better, smarter developer.

Packt Udemy courses continue this tradition, bringing you comprehensive yet concise video courses straight from the experts.