Tutorialspoint

April Learning Carnival is here, Use code FEST10 for an extra 10% off

Build your first React Project

person icon Quentin Watt

4.4

Build your first React Project

Build your first react project with React and Tailwind

updated on icon Updated on Apr, 2024

language icon Language - English

person icon Quentin Watt

category icon React,Front End Web Development

Lectures -13

Duration -1.5 hours

4.4

price-loader

Training 5 or more people ?

Get your team access to 10000+ top Tutorials Point courses anytime, anywhere.

Course 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

Goals

What will you learn in this course:

The goal of this course is to learn basic React JS skills. 

  • You will learn how to create a new React App with Create React App (CRA).
  • You will also add a CSS framework, build basic components and advanced components like a mobile menu.
  • You will interact with a JSON Api to fetch data from an external source.

Prerequisites

What are the prerequisites for this course?

This course will assume you already have the following:

  • Previous experience with HTML & CSS
  • Previous experience with JavaScript
  • Basic understanding of how to use he command line
  • An understanding of NPM or Yarn
Build your first React Project

Curriculum

Check out the detailed breakdown of what’s inside the course

Introduction to React
1 Lectures
  • play icon Introduction Video 07:40 07:40
Introduction to Create React App
1 Lectures
Tutorialspoint
Create your first component
2 Lectures
Tutorialspoint
Create a Mobile Navigation with React and Tailwind
3 Lectures
Tutorialspoint
Use React Router to create a multi-page site
1 Lectures
Tutorialspoint
Fetch data from a JSON API
3 Lectures
Tutorialspoint
Create custom hooks
1 Lectures
Tutorialspoint
Final Video
1 Lectures
Tutorialspoint

Instructor Details

Quentin Watt

Quentin Watt

e


Course Certificate

Use your certificate to make a career change or to advance in your current career.

sample Tutorialspoint certificate

Our students work
with the Best

Related Video Courses

View More

Annual Membership

Become a valued member of Tutorials Point and enjoy unlimited access to our vast library of top-rated Video Courses

Subscribe now
Annual Membership

Online Certifications

Master prominent technologies at full length and become a valued certified professional.

Explore Now
Online Certifications

Talk to us

1800-202-0515