Learn how to build react accordion features,how to work with rest api in react js,bootstrap with react js, how to deploy

What you will learn

React JS Complete Project

How to Build React Accordion

Learn to Use Bootstrap With React JS

How to Get API Data

How to Deploy React JS Project to Netlify Cloud Server

How to Use React Icons

Description

Welcome to this react js course. React js is one of the most popular frontend frameworks to build web apps. In this course, you will learn how to work with react js and build a complete project from start to finish. In this course, you will learn how to implement react js accordion features. We will get public API data and will add accordion features with the Rest API data.


Get Instant Notification of New Courses on our Telegram channel.


Here are some lists that you are gonna learn from this course:

  • You will learn how to use react js hooks.
  • How to get the API data and show it in react js app.
  • How to use bootstrap with react js application to make it responsive for any kind of device.
  • You will learn how to use react icons in react js application.
  • React accordion features with rest API. and you will learn how to change react state dynamically.
  • You will learn how to add custom CSS design in react js app.
  • React js inline CSS design style.
  • How to pass data from one component to another component in react js.
  • You will learn how to deploy our react js project to netlify cloud server. I will show you how can deploy our project to netlify and how to customize our website name after the successful deployment.
English
language

Content

Introduction

Introduction

Create Project and Install Required Packages

Create Project and Install Required Packages Part-1

Get API Data

Get API Data Part-2

Show API Data in Custom Component

Show API Data in Custom Component Part-3

Add React Accordion Features

Add React Accordion Features Part-4

Marked Open Accordion Design

Marked Open Accordion Design Part-5

React onMouseEnterEffect to Show and Hide Accordion

React onMouseEnterEffect to Show and Hide Accordion Part-6

Deploy React Project to Netlify Cloud Server

Deploy React Project to Netlify Cloud Server Part-7