React: The Complete Beginner's Guide

Name: React: The Complete Beginner's Guide
Rating: 4.4 (3 reviews)

Learn the core techniques of React JS & build a single-page application using JSX, props, hooks, state management & more

Created byDavid Sealey

Last updated 8/2023

English

What you'll learn

Be able to build a complete single-page React application
Understand how to work with state management
Use hooks in functional components
Test React applications
Add CSS styles to a React application
How to work with data in a React app

Course content

3 sections • 15 lectures • 1h 34m total length

Introduction2:44
Introduction to the course, explaining what you'll learn and what you need to get the best out of this class.
Project introduction2:26
An introduction to the class project which will explain what you will be building and what you will need.
What is React and why use it?1:18
An explanation of what React actually is and the reasons why you should, as a front-end developer, be learning it.

Setting up your React project10:34
Together we will set up your React project using Node and start the application so we can see it working in the browser.
Components and JSX12:49
I'll explain what a React functional component looks like and how components work in the hierarchy of the application structure.
Props12:30
You'll learn how properties are used between components.
Introduction to hooks and useState8:36
I'll explain what React hooks are and how we will use the useState hook for our class project.
useEffect hook6:36
You'll learn what the useEffect hook is and how it can be used.
The data and hooking up our ... hooks11:44
Together we'll put the pieces together using hooks to work with the data in our project.
Testing3:32
I'll show you the best way to test your React application using the official React Developer Tools.
Adding styles10:27
Let's add a bit of personality to the application by adding some styles.
Deploying your work5:19
I'll show you how easy it is to deploy your work to the web using Netlify inside your terminal.

Requirements

HTML
Basic JavaScript knowledge

Description

If you’re looking to learn all the core techniques of React.js to get you up and running in building a fully-fledged web application then this React class is for you!

In this class, you’ll learn how to code a quote generator Reactjs application that will be on a single web page. The modern Reactjs techniques used to build this project will cover a wide range of concepts and approaches to ensure you’ll go away with the confidence to be able to use Reactjs in future projects of your own. Everything in this course will be fundamental in mastering the important aspects of building a React application.

I’ll explain how I use React to build a functional and highly-performant application that will enhance the all-around user experience.

This class will cover:

Fundamentals such as setting up a React project, functional components, props, hooks, basic state management etc
React hooks such as useState and useEffect
Using React JS DevTools for debugging
Working with data in React JS
Adding styles
Useful React extensions and tools to help make development easier

You’ll be shown how to publish your work (for free!) using Netlify so the world can see your amazing application!

Even if you’re new to React, you’ll find these simple and effective techniques easy to use and be able to apply everything you learn to your own future web projects.

Who this course is for:

Front-end developers looking to learn the fundamentals of modern React

React: The Complete Beginner's Guide

What you'll learn

Explore related topics

Course content

Introduction3 lectures • 6min

Project9 lectures • 1hr 22min

Summary3 lectures • 6min

Requirements

Description

Who this course is for: