The Debug Arena
The Debug Arena
  • 92
  • 1 340 863
What is Context API in React JS | Share data throughout React Application | useContext() Hook React
Hello Guys,
I this video I explained about Context API in React JS. Context API helps us to share the data throughout our application or between multiple components. It is done by using useContext hook. I have tried to explain each and everything about that like when to use which data to share and many more things.
Let me know in comments whether you understood the concept or not.
Frontend Code:
github.com/AadarshThakur03/Job-Portal-Frontend.git "admin-login" branch.
Run below command to clone:
git clone -b "admin-login" github.com/AadarshThakur03/Job-Portal-Frontend.git
Backend Code;
github.com/AadarshThakur03/Job-Portal-Backend.git
Like, Share & Subscribe.
Thank You.
มุมมอง: 131

วีดีโอ

How to do admin login in React JS || Redirect admin to Dashboard || Role based login in React JS
มุมมอง 260วันที่ผ่านมา
Hello Guys, In this video I have explained how we can do admin login in our react application from same login page which is used by user. When the user will login he will be navigated to user home screen and when admin will login he will be navigated to Admin Dashboard. Frontend Code: github.com/AadarshThakur03/Job-Portal-Frontend.git "admin-login" branch. Run below command to clone: git clone ...
How to upload image in React JS using Multer in Node JS | Upload & Display image in React from MYSQL
มุมมอง 338วันที่ผ่านมา
Hello Guys, In this video I have explained how we can upload image in React JS using Multer in Node js and Mysql as database. I also covered on how we can display image in React JS from MySQL. Thank You.
How to upload image in React using base 64 in Node js and Mysql
มุมมอง 28714 วันที่ผ่านมา
Hello Guys, In this tutorial I have shown you that how can you upload an Image from react to mysql by creating an api in node js and fetch it again and show it to your React Js application. Thank You.
Logout in React JS || Keep user logged in new tab || Stay Logged in || Maintain Session in browser
มุมมอง 37121 วันที่ผ่านมา
Hello Guys, In this video I have explained how we can maintain session in our browser so that if user is logged in once and opens a new tab then there also particular session will be maintained. Like, Share & Subscribe. Thank You.
Login Register Authentication in React js using Node js, mysql - 2 | Learn React js, node js & MySql
มุมมอง 1.3Kหลายเดือนก่อน
Hello Guys, In this video I have shown how we can do login in React JS, Node JS and MySQL. When user will be successfully logged in a JWT Token will be generated and that token will be stored in session. We have created another API which will retrieve the user details with the help of token on Home Screen. Once user is logged in he will get option to do logout. These are things covered in this ...
Login Register Authentication in React js using Node js, mysql - 1 | Learn React js, node js & MySql
มุมมอง 3.2Kหลายเดือนก่อน
In this video I have explained in detail about implementing the complete authentication in React JS, Node JS and MySQL. I have followed the advanced method and MVC structure so that you can learn how to write code more efficiently. Backend Code: github.com/AadarshThakur03/Job-Portal-Backend.git Frontend Code: github.com/AadarshThakur03/Job-Portal-Frontend.git Like, share and subscribe. Thank You.
Cannot find module module not found vs code node js error
มุมมอง 1.7K2 หลายเดือนก่อน
Cannot find module module not found vs code node js error
#4 React Form Validation using React Hooks || Html form validation & JavaScript form validation
มุมมอง 4602 หลายเดือนก่อน
Hello Guys, In this tutorial I have shown different ways in which we can validate the form and as well as fields. I have also covered how we can do form validation through HTML default attributes and why it is not recommended to rely on that. To solve the security issues of HTML default validators we will use Hooks to validate the data entered in the fields and will show the error on click of s...
#3 React Routing in React JS || Public & Private Routing in React JS || React Router V6
มุมมอง 4733 หลายเดือนก่อน
Welcome to The Debug Arena! In this tutorial, we’ll walk you through the essentials of React Router in 2024. Whether you're just getting started with React JS or want to learn advanced concepts like protected routes and lazy loading, this video has everything you need. We’ll cover the step-by-step setup of React Router, from basic navigation to handling 404 pages, passing data via params, and m...
#2 How to connect MySql with Node JS || Using MySql in Node JS || Learn Node JS & MySql
มุมมอง 6204 หลายเดือนก่อน
🚀 Welcome to My Channel! In this tutorial, you'll learn how to seamlessly connect MySQL to your Node.js application, enabling efficient data storage and retrieval. We’ll explore an automatic table creation method that sets up your database structure without the hassle of manual input! Key Highlights: ✅ Step-by-step guide to establish a MySQL connection with your Node.js app. ✅ Automatically cre...
#1 What is MVC? | Model View & Controller in Node JS | MVC pattern in Node JS
มุมมอง 9184 หลายเดือนก่อน
Hello Guys, In this video I tried to explain about MVC architecture. Also, I have shown some of the best folder structure for your next Node JS project which follows MVC architecture. Find folder structure here: github.com/AadarshThakur03/Node-MVC-Backend-Project-Structure.git Let me know in comment which folder structure you prefer. 0:00 - Introduction 0:20 - Common Mistakes to Avoid 1:27 - Un...
How to create Live streaming app in React JS || Instagram live feature on Windows- ZEGOCLOUD
มุมมอง 4234 หลายเดือนก่อน
Get 10000 free mins with UIKits: bit.ly/4fVXNAZ Take advantage of ZEGOCLOUD: bit.ly/3AHyHpi How to build a live streaming app: bit.ly/3T8tbSP ZEGOCLOUD live streaming SDK allows you to easily build your live streaming apps within minutes. #zegocloud #livestreamingsdk #streamingservice
Host Node JS Application for FREE on Back4App || NodeJS FREE Hosting
มุมมอง 10K5 หลายเดือนก่อน
Hello Guys, Looking to host your backend application and not finding any good platform? No problem, I have the solution for you! In this video, I've shown how we can deploy our Node.js application on Back4App, a platform that provides a free tier without requiring a credit card, so that we can access it from anywhere. Follow my step-by-step instructions to get your application up and running in...
How to Install MySQL in Windows || MySQL Server and workbench installation guide.
มุมมอง 3626 หลายเดือนก่อน
Hello Guys, In this video I covered step-by-step process to install MySQL server and MySQL Workbench in windows. So that we can efficiently work with databases in our local. I also focused on detail explaining of all the steps. Uninstalling part is also covered in this video so that if you are stuck in between you can start from scratch. Make sure to like the video and subscribe to my channel. ...
Video Call App in React JS || ZEGOCLOUD
มุมมอง 1.1K6 หลายเดือนก่อน
Video Call App in React JS || ZEGOCLOUD
React Search Filter Tutorial || MERN Stack
มุมมอง 8217 หลายเดือนก่อน
React Search Filter Tutorial || MERN Stack
React Native Maps Tutorial || Step-by-Step || Maps with React Native
มุมมอง 13K7 หลายเดือนก่อน
React Native Maps Tutorial || Step-by-Step || Maps with React Native
How to Get Google Maps API Key for FREE (Step-by-Step Instructions 2024)
มุมมอง 40K7 หลายเดือนก่อน
How to Get Google Maps API Key for FREE (Step-by-Step Instructions 2024)
Protected Routes & Private Routes in React JS with React Router V6 || Role based Routing
มุมมอง 24K7 หลายเดือนก่อน
Protected Routes & Private Routes in React JS with React Router V6 || Role based Routing
Tab Navigation in React Native | React Navigation Merge Stack, Drawer & Tab | React Native Tutorial
มุมมอง 8K8 หลายเดือนก่อน
Tab Navigation in React Native | React Navigation Merge Stack, Drawer & Tab | React Native Tutorial
Upload image in React JS | Firebase Storage generate URL | Store URL in Mongo DB Node JS
มุมมอง 4.1K8 หลายเดือนก่อน
Upload image in React JS | Firebase Storage generate URL | Store URL in Mongo DB Node JS
Sign In With Google in React JS using firebase || Integrate firebase with React Js | Google Login
มุมมอง 12K8 หลายเดือนก่อน
Sign In With Google in React JS using firebase || Integrate firebase with React Js | Google Login
Firebase Auth with React Step-by-Step Tutorial || Login Register auth with firebase React Firestore
มุมมอง 47K9 หลายเดือนก่อน
Firebase Auth with React Step-by-Step Tutorial || Login Register auth with firebase React Firestore
#19 How to create search filter in React Native || Search through Flatlist || Search from API
มุมมอง 2.2K10 หลายเดือนก่อน
#19 How to create search filter in React Native || Search through Flatlist || Search from API
#18 How to delete user in React Native and Mongo DB || Mongo DB data deletion || Real time update
มุมมอง 84810 หลายเดือนก่อน
#18 How to delete user in React Native and Mongo DB || Mongo DB data deletion || Real time update
#17 Get all data from Mongo db and display it in React Native || Fetch data in MERN & React Native
มุมมอง 2.5K10 หลายเดือนก่อน
#17 Get all data from Mongo db and display it in React Native || Fetch data in MERN & React Native
android gradle plugin requires java 17 to run. you are currently using java 11 in React Native Issue
มุมมอง 13K11 หลายเดือนก่อน
android gradle plugin requires java 17 to run. you are currently using java 11 in React Native Issue
#16 Login and Register as Admin in React Native || Role based system in React Native Node Mongo DB
มุมมอง 3.3K11 หลายเดือนก่อน
#16 Login and Register as Admin in React Native || Role based system in React Native Node Mongo DB
#15 How to upload image in Node js and Mongo db from React Native || React Native upload image #MERN
มุมมอง 7K11 หลายเดือนก่อน
#15 How to upload image in Node js and Mongo db from React Native || React Native upload image #MERN