React 17: 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.
What you'll learn
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.
Table of contents
- What We Are Building 2m
- Working with Static Markup 7m
- Extracting Components for Reusability and Readability 7m
- View Functions: State => UI 12m
- Behavior Functions: State => New State 11m
- Resetting the State 6m
- Using Side Effects Hooks 15m
- Unmounting and Remounting Components 6m
- Using Custom Hooks 12m
Course FAQ
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.
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.
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.
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.
All the examples we do in this course should work on any React version greater than 16.8.
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. Samer has also authored several technical books and online courses about Node.js, React.js, GraphQL, and Ruby on Rails. He is passion... more