Build your first React JS Application

Name: Build your first React JS Application
Rating: 4.6 (1776 reviews)

Learn the most popular JavaScript framework on the web by building your first React web app

Created byQuentin Watt

Last updated 4/2020

English

What you'll learn

React JS
JavaScript
How to build a React SPA
React Router
Tailwind CSS (JavaScript configurable CSS)
Responsive web application development

Course content

5 sections • 15 lectures • 1h 59m total length

Creating your first React App7:40
Learn how to quickly create a new react app with the Create React App resource.
Development tools quiz
NPX create react app explained5:14
Let's take a deeper dive into the app that's been created for us to truly understand how it all works together.
React Components6:58
Create your first React component and learn about props and passing data into your components.
Using State Hooks5:47
Let's talk about the difference between class based React and hooks. Then create a stateful component using react hooks.

Yarn and NPM commands0:23
Add Tailwind CSS to your React Application11:18
Let's start creating an animation mobile menu component. We'll also add a JavaScript configurable CSS framework to your React application/
Create a menu component13:19
Use a state hook to hide and show a mobile menu component.
Animate the menu component8:03
Animate the menu component with React Spring.
How to apply what you have learned in this section0:31

Requirements

Basic Javascript knowledge
Experience with the command line
Visual Studio Code (or alternative)

Description

React JS, built by Facebook is the most popular JavaScript framework. Take a project based approach to learning, by creating your first React Application.

In this course we'll build a mobile first web application that covers topics such as:

Creating a React single page app with npx create-react-app
JavaScript configurable CSS
Animated components
React Router
HTTP requests with Axios
Creating your own custom hooks for React

Who this course is for:

Beginner React JS developers
JavaScript developers
Anyone who wants to learn modern JavaScript solutions
Anyone interested in SPA architecture
Developers who want to learn how to build responsive web applications

Build your first React JS Application

What you'll learn

Explore related topics

Course content

Introduction4 lectures • 26min

Build a mobile menu5 lectures • 34min

React router2 lectures • 17min

Fetch data from an API3 lectures • 38min

Custom React Hooks1 lecture • 6min

Requirements

Description

Who this course is for: