Tutorialspoint

Mid-Year Savings Flat 10% OFF, Use Code: MID10

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 Jul, 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

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

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

A full stack developer, with more than a decade of experience creating web applications. Drawing inspiration from all those years of experience, I love creating video content sharing solutions that have worked for me.
Today, I primarily build Laravel based projects, with some JavaScript SPAs using either Vue.js or React.
I've also been teaching code on YouTube since 2011, my content has helped thousands of students with their studies, and new web developers start their careers.

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