Learn the most popular JavaScript framework on the web by building your first React web app
- Free tutorial
- Rating: 4.5 out of 54.5 (1,467 ratings)
- 36,139 students
- 1hr 58min of on-demand video
- Created by Quentin Watt
- 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
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
Show less
Course content
5 sections • 15 lectures • 1h 59m total lengthCollapse all sections
Introduction4 lectures • 26min
- Creating your first React App07:40
- Development tools quiz2 questions
- NPX create react app explained05:14
- React Components06:58
- Using State Hooks05:47
Build a mobile menu5 lectures • 34min
- Yarn and NPM commands00:23
- Add Tailwind CSS to your React Application11:18
- Create a menu component13:19
- Animate the menu component08:03
- How to apply what you have learned in this section00:31
React router2 lectures • 17min
- Managing Routing with React Router16:26
- How to apply what you have learned in this section00:10
Fetch data from an API3 lectures • 38min
- Fetching data from an API, and using using route params in React router13:21
- Showing a CSS loader for HTTP requests and handle errors on failed requests09:26
- Fetching a list of data15:15
- Http requests quiz2 questions
Custom React Hooks1 lecture • 6min
- Create a custom React Hook05:30
