React: Getting Started

Learn the React way to build rich interactive UIs using both class and function components with React Hooks, and build a game for kids with it.
Course info
Rating
(2390)
Level
Beginner
Updated
Apr 20, 2020
Duration
4h 2m
Table of contents
Description
Course info
Rating
(2390)
Level
Beginner
Updated
Apr 20, 2020
Duration
4h 2m
Description

Building efficient web and mobile interfaces is often challenging and requires the use of imperative logic. React enables you to declaratively describe user interfaces in terms of their state, and it will do the heavy lifting of natively building them for you. In this course, React: Getting Started, you will delve into the fundamental concepts about React and use them to build practical web applications. First, you will see how to design class components and stateful function component, how to one-way flow data and behavior in a component tree, and how to read and update state elements. Then, you will delve into modern JavaScript features used with React like arrow functions, destructuring rest and spread operators, classes, async/await, and more. Next, you will learn some core React tasks like taking input from the user, reading data from an API, managing side effects like timers, and sharing stateful logic with custom hooks. Finally, you will explore how to configure and use a local JavaScript development environment on your machine. When you are finished with this course, you will have the skills and knowledge you need to understand React projects, and start simple React applications from scratch.

Course FAQ
Course FAQ
What is React?

React is a JavaScript library that enables you to declaratively describe user interfaces in terms of their state, and it will do the heavy lifting of natively building them for you.

Who is this course for?

This is a beginner-level course and by the end, you should be comfortable working with function and class components in React, manage an application state, and be able to build simple React applications from scratch.

What will I learn in this course?

In this course, you will delve into the fundamental concepts about React, learn how to design class components and stateful function component, learn core React tasks, and explore how to configure and use a local JavaScript development environment.

What prerequisites do I need?

No previous knowledge about React itself is needed, but you do need to be comfortable with the JavaScript language to get the most out of this course.

What version is required?

All the examples we do in this course should work on any React version greater than 16.8.

About the author
About the author

Samer Buna is a polyglot coder with years of practical experience in designing, implementing, and testing software, including web and mobile applications development, API design, functional programming, optimization, system administration, databases, and scalability. Samer worked in several industries including real estate, government, education, and publications

More from the author
Node.js: Getting Started
Beginner
3h 29m
Sep 14, 2020
Advanced React.js
Advanced
3h 54m
Jul 21, 2017
More courses by Samer Buna
Section Introduction Transcripts
Section Introduction Transcripts

Course Overview
Hello everyone. My name is Samer Buna. I work at jsComplete where we create interactive educational content to help people learn coding. Welcome to this React.js: Getting Started course, from Pluralsight, covering the latest stateful function components with the all new React Hooks. React is a simple and powerful library that is used in many big web and mobile applications today. I personally use React in most of the projects I'm involved in. It helps me be fast and productive. In this course, I cover the new, simple way using function components with Hooks, and the other more verbose way, using class components. This is a fully hands‑on course where I'll be building small, practical applications with React. There will be no foo or bar in this course, and I try to avoid contrived examples as much as possible. Learning to code is a practical experience. Try to do and redo the examples I'll present in this course and try to expand their scope and challenge yourself with every piece of knowledge that you learn. Some of the topics that we will cover in this course include React's design concepts, function and class components and their benefits, JSX and event handlers, working with data and APIs, React Hooks for state and side effects, taking input from the user, communicating between components, React one‑way flow of data, and creating your own local development environment for React. By the end of this course, you should be comfortable working with function and class components in React, manage an application state, and be able to build simple React applications from scratch. This course is a beginner‑level course on the React.js library. No previous knowledge about React itself is needed, but you do need to be comfortable with the JavaScript language to get the most out of this course. I hope you'll join me on this journey to learn the basics of the excellent React.js library in this Getting Started course, at Pluralsight.