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
Level
Beginner
Updated
Feb 25, 2019
Duration
4h 2m
Table of contents
Description
Course info
Level
Beginner
Updated
Feb 25, 2019
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.

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 11, 2018
Advanced React.js
Advanced
3h 55m
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's 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.