Create Theme Colour Changing Toggle Switch using React JS-BEGINNER In URDU/HINDI

Описание: In this tutorial, we will learn how to make a Attractive SUN MOON Toggle switch color theme using React JS-URDU/HINDI

We will create on latest version of react

Creating Dynamic Menu Using React JS FOR BEGINNER (URDU/HINDI):
   • Create Dynamic Multilevel Responsive Neste...  



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

npm install react-bootstrap bootstrap
npm start

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

GITHUB LINK OF CSS CODE(Toggle switch Css)
https://github.com/RajaChohan/ToggleB...

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




By the end of this video, we will learn all the steps
of getting data from Responsive to create dropdown

Chapters :

Introduction : 00:00:00
Open VS Code & Create New Project:00:00:32
Install React Bootstrap Package: 00:02:39
Create Component:00:03:36
Creating main function : 00:04:11
Creating Onchange function of toggle: 00:06:46
CSS Styling of Toggle Switch: 00:08:04
Import Component: 00:09:14

Checking Output Run Program : 00:09:39

Using Usestate Hook & set value:00:10:19


Apply Conditions based on State:00:12:02

Checking Final Results:00:14:23



Ending:00:15:05

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


Instagram 📷 : /Raja_Chohan13

Facebook 👍 :   / letscodewithraja  


⭐️Tags : ⭐️
#reacts
#reactjs
#reacthooks
#toggleswitch
#toggle
#reactbootstrap
#reactnavigation
#reactform
#dropdownlist
#dropdownmenu
#dropdown
#cascading
#cascadingdropdown
#reactdropdown
#menu
#navbar
#table
#ReactBootstrap
#boostrap
#crudoperations
#restapicrud
#entityframework
#entityframeworkcore
#aspnetcorewebapi

⭐️ Topics are covered as follows : ⭐️
React js
Toggle Switch
Color Change of theme
React bootstrap
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. 😊😊 🙏🙏