Скачать или смотреть Create Dynamic Multilevel Responsive Nested Menu(React Navbar) from Json file using REACT JS(URDU)

In this tutorial, we will learn how to make a Dynamic Nested(Multilevel) Responsive Menu(React Navbar) from Json file URDU/HINDI

We will create on latest version of react

Creating Dynamic Table Using React JS & Fetched Data from an API FOR BEGINNER (URDU):
   • Creating  Dynamic Table Using React JS & F...  


Command for React JS:
npx create-react-app nestedmenu

npm install react-bootstrap bootstrap
npm start

IMPORT USE IN PROJECT:
import 'bootstrap/dist/css/bootstrap.min.css';

React Bootstrap Navbar link:
https://react-bootstrap.github.io

GITHUB(JSON AND CSS FILE):
https://github.com/RajaChohan/Dynamic...

IDE Download Link:
https://code.visualstudio.com/




By the end of this video, we will learn all the steps
of getting data from Json file to create menu

Chapters :

Introduction : 00:00:00
Open VS Code & Create New React Project: 00:00:35
Install React Bootstrap Packages: 00:01:25
Create Component & Import dependencies :00:02:25
Create React Bootstrap Navbar : 00:03:31
Create an Menuitem function : 00:05:38
Create data.json file: 00:10:18
Import json file & getting data from it: 00:10:44

Fixing error & run the project : 00:12:40

CSS Styling:00:14:22


Ending:00:17:27

Share, Support, Like & Subscribe Now :
Youtube 🎥 :
@hashtechacademy9086
@letscodewithraja


Instagram 📷 : /Raja_Chohan13

Facebook 👍 :   / letscodewithraja  


⭐️Tags : ⭐️
#reacts
#reactjs
#reacthooks
#reactbootstrap
#reactnavigation
#menu
#navbar
#table
#ReactBootstrap
#boostrap
#crudoperations
#restapicrud
#entityframework
#entityframeworkcore
#aspnetcorewebapi

⭐️ Topics are covered as follows : ⭐️
React js
table
dynamic table
Menu
dynamic menu
react bootstrap navbar

bootstrap
React Components
React State
React Hooks
RESTAPI
MAP Function
JSON

json file
react navbar
bootstrap menu
react boostrap navbar menu
.net 6 api


.net 6 web api
C# api
api c#
asp net core web api
asp.net 6 api
asp.net 6 web api
asp.net api
asp.net api crud
asp.net api tutorial
asp.net core api
asp.net core api crud
asp.net core api entity framework
asp.net core web api
aspnet core web api
dotnet core web api
dotnet core web api tutorial
entity framework
entity framework c#
rest api asp.net core
rest api c#


Thanks for watching. 😊😊 🙏🙏