The Debug Arena
The Debug Arena
  • 85
  • 1 206 431

Відео

Form Validation in React using Hooks || ✅️ Html Form Validation ✅️ JS Validation
Переглядів 308День тому
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...
Navigate between pages in React || Routing in React || React Router V6
Переглядів 210Місяць тому
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 Connect MySql with node js and React js
Переглядів 158Місяць тому
🚀 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 Architecture? | Model View & Controller in Node JS | MVC pattern in Node JS
Переглядів 268Місяць тому
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
Переглядів 1872 місяці тому
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
Переглядів 5 тис.3 місяці тому
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.
Переглядів 2843 місяці тому
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
Переглядів 6843 місяці тому
#zegocloud #videocall #reactjs #sdk #api · Get 10000 free mins with UIKits: bit.ly/3W8WHd0 · Learn more about ZEGOCLOUD: bit.ly/3W68KYF · 100% customized video call SDK: bit.ly/3XOxdmA · How to build a video call App: bit.ly/4cjSuJj ZEGOCLOUD video call SDK &API allows you to easily build your live video chat apps within minutes. Hello Guys, In this video I have created a full fledge video call...
React Search Filter Tutorial || MERN Stack
Переглядів 6034 місяці тому
Hello Guys, In this video I have shown how we can apply search functionality in our react JS application. I have implemented search login in backend by creating a search API so that it is optimized and returns the response very fast. React code : github.com/the-debug-arena/login-registration.git Node code: github.com/the-debug-arena/login-registration-server-node.git Thank You.
React Native Maps Tutorial || Step-by-Step || Maps with React Native
Переглядів 8 тис.5 місяців тому
Hello Guys, In this Tutorial I have shown how we can integrate React Native Maps in our React Native Application and work with it. First we installed React Native Maps and completed its configuration. After that we started with showing Map in our application. Then we explored other components of React Native Maps e.g. MapView, Marker, Polyline and their props. Once done with this we worked on h...
How to Get Google Maps API Key for FREE (Step-by-Step Instructions 2024)
Переглядів 25 тис.5 місяців тому
Hello Guys, In this video I have shown steps to generate google maps api key for free. We don't need credit card to get the google maps api key. We can use this google maps api key in our react native or flutter application to integrate google maps. Thank You.
Protected Routes & Private Routes in React JS with React Router V6 || Role based Routing
Переглядів 16 тис.5 місяців тому
Hello everyone, In this video, I explain the different types of routing in React JS. We cover Protected and Private Routes in React JS, which help ensure that users can only access specific screens based on their authorization and permissions. By applying these routes, we enhance the security and user experience of our applications. Additionally, we demonstrate how to manipulate the navigation ...
Tab Navigation in React Native | React Navigation Merge Stack, Drawer & Tab | React Native Tutorial
Переглядів 6 тис.5 місяців тому
In this video I have implemented tab navigation in React Native. In one of my previous video we have implemented Stack Navigator and Drawer Navigator, so in this I have merged Stack, Drawer and Tab so that we can work with all three of them. I have shown how to create custom tab and how to style all of your tab items.
Upload image in React JS | Firebase Storage generate URL | Store URL in Mongo DB Node JS
Переглядів 3,1 тис.5 місяців тому
Hello Guys, In this tutorial I have shown how we can upload Image in React JS using Firebase. We will pick the image and store that image to Firebase from firebase we will get URL of the image which we will store inside Mongo DB. At last we will fetch all the images from mongo db and show them here. Code: github.com/the-debug-arena/Firebase-Image-Upload.git Please Subscribe to my channel. Do sh...
Sign In With Google in React JS using firebase || Integrate firebase with React Js | Google Login
Переглядів 9 тис.6 місяців тому
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
Переглядів 36 тис.7 місяців тому
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
Переглядів 1,7 тис.8 місяців тому
#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
Переглядів 7408 місяців тому
#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,1 тис.8 місяців тому
#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
Переглядів 10 тис.8 місяців тому
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
Переглядів 2,8 тис.8 місяців тому
#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
Переглядів 6 тис.8 місяців тому
#15 How to upload image in Node js and Mongo db from React Native || React Native upload image #MERN
Video Calling App in React Native using ZEGOCLOUD | Video Call in React Native | Group Video Call
Переглядів 2,7 тис.9 місяців тому
Video Calling App in React Native using ZEGOCLOUD | Video Call in React Native | Group Video Call
#14 Custom Toast Message in React Native || Alert ❌ Toast ✔ || React Native Toast Message
Переглядів 6 тис.9 місяців тому
#14 Custom Toast Message in React Native || Alert ❌ Toast ✔ || React Native Toast Message
#13 Stop Going back from Home to Login React Native || Functionality like Flipkart React Native
Переглядів 2,7 тис.9 місяців тому
#13 Stop Going back from Home to Login React Native || Functionality like Flipkart React Native
#12 Keep user logged in | Switching between two navigator | AsyncStorage || React Native Application
Переглядів 7 тис.10 місяців тому
#12 Keep user logged in | Switching between two navigator | AsyncStorage || React Native Application
#11 Login Authentication in React Native using JWT Token | React Native, Node JS & Mongo DB Tutorial
Переглядів 14 тис.10 місяців тому
#11 Login Authentication in React Native using JWT Token | React Native, Node JS & Mongo DB Tutorial
#10 Login Register Authentication in React Native with Node JS, Express JS and Mongo DB ||#mernstack
Переглядів 28 тис.10 місяців тому
#10 Login Register Authentication in React Native with Node JS, Express JS and Mongo DB ||#mernstack
#9 How to do Form Validation in React Native || Login Register UI with Validation in React Native
Переглядів 7 тис.11 місяців тому
#9 How to do Form Validation in React Native || Login Register UI with Validation in React Native

КОМЕНТАРІ

  • @nandk45523
    @nandk45523 День тому

    I got an error the screen where i used react native maps after built apk for react native map app closes when ever i open that screen.

  • @wahyutrieextc2230
    @wahyutrieextc2230 3 дні тому

    Thanks Bro

  • @Sean-bo2lb
    @Sean-bo2lb 4 дні тому

    As I started using navigator to switch between App to HomeScreen started getting error viewmanagerresolver returned null.

  • @fabriziojosuemendozasaldiv573
    @fabriziojosuemendozasaldiv573 6 днів тому

    I can't use Marker because it saya: this.getNativeComponent is not a function(it is undefined) :c

  • @rashmajabeen2374
    @rashmajabeen2374 6 днів тому

    guys just go to API in the navigation menu and just create your project and go back back back if the payment page comes up, i got my API key

  • @ahmednaviwala3032
    @ahmednaviwala3032 7 днів тому

    Worked🎉

  • @akshaikumar6001
    @akshaikumar6001 7 днів тому

    Bro after uploading when i click on the link which sent by the cloudinary api its shows failed to load PDF document how to fix this? Should I give any permission?

  • @ravishjain9181
    @ravishjain9181 7 днів тому

    Hey when i click on storage it doest show me get started option what should i do showing me option of upgrade project help me

  • @MUSTAPHAEL-AZZAOUY
    @MUSTAPHAEL-AZZAOUY 8 днів тому

    Thank you so much this video is really very useful

  • @pixelpictures4874
    @pixelpictures4874 10 днів тому

    Good work keep growing i have click this video because it was short video, make video short less then 17 min or less, I am sure you will grow

    • @thedebugarena
      @thedebugarena 9 днів тому

      Thanks for your input will keep in mind from next time.

  • @hirazaheer5256
    @hirazaheer5256 10 днів тому

    if still after updating the error exists mine was the same case i solved it through adding one line of code in android level gradle.properties file if its a flutter project org.gradle.java.home=E:/path_to_jdk_17

  • @SharathKumar-px8uo
    @SharathKumar-px8uo 11 днів тому

    Well explained

    • @thedebugarena
      @thedebugarena 11 днів тому

      This form validation is nothing as compared to what you do 💀

  • @mohammedmushtaqahamedchama5678
    @mohammedmushtaqahamedchama5678 11 днів тому

    nice !

  • @SAHUJi_08
    @SAHUJi_08 11 днів тому

    Hey free usages 600 hours one time hai ya per month?? Please reply If anybody knows.

  • @sher4541
    @sher4541 13 днів тому

    Thanks brother much appreciated

  • @mohderaf4296
    @mohderaf4296 14 днів тому

    running on usb debugging the api is working but in the apk the api is not working any solution

    • @thedebugarena
      @thedebugarena 14 днів тому

      @@mohderaf4296 ya it will not you will have to host the backend for that

  • @craavash7826
    @craavash7826 15 днів тому

    Invariant Violation: requireNativeComponent: "AIRMap" was not found in the UIManager. This error is located at: in AIRMap (created by MapView) in MapView (created by MapImplementation) in RCTView (created by View) in View (created by MapImplementation) in MapImplementation (created by ExploreScreen) in RCTView (created by View) in View (created by ExploreScreen) in ExploreScreen (created by SceneView) in StaticContainer in EnsureSingleNavigator (created by SceneView) in SceneView (created by BottomTabView) in RCTView (created by View) in View (created by Screen) in RCTView (created by View) in View (created by Background) in Background (created by Screen) in Screen (created by BottomTabView) in RNSScreen (created by Animated(Anonymous)) in Animated(Anonymous) (created by InnerScreen) in Suspender (created by Freeze) in Suspense (created by Freeze) in Freeze (created by DelayedFreeze) in DelayedFreeze (created by InnerScreen) in InnerScreen (created by Screen) in Screen (created by MaybeScreen) in MaybeScreen (created by BottomTabView) in RNSScreenContainer (created by ScreenContainer) in ScreenContainer (created by MaybeScreenContainer) in MaybeScreenContainer (created by BottomTabView) in RCTView (created by View) in View (created by SafeAreaProviderCompat) in SafeAreaProviderCompat (created by BottomTabView) in BottomTabView (created by BottomTabNavigator) in PreventRemoveProvider (created by NavigationContent) in NavigationContent in Unknown (created by BottomTabNavigator) in BottomTabNavigator (created by TabLayout) in RCTView (created by View) in View (created by TabLayout) in TabLayout (created by IndexScreen) in RCTView (created by View) in View (created by IndexScreen) in IndexScreen (created by SceneView) in StaticContainer in EnsureSingleNavigator (created by SceneView) in SceneView (created by Drawer) in RCTView (created by View) in View (created by Screen) in RCTView (created by View) in View (created by Background) in Background (created by Screen) in Screen (created by Drawer) in RNSScreen (created by Animated(Anonymous)) in Animated(Anonymous) (created by InnerScreen) in Suspender (created by Freeze) in Suspense (created by Freeze) in Freeze (created by DelayedFreeze) in DelayedFreeze (created by InnerScreen) in InnerScreen (created by Screen) in Screen (created by MaybeScreen) in MaybeScreen (created by Drawer) in RNSScreenContainer (created by ScreenContainer) in ScreenContainer (created by MaybeScreenContainer) in MaybeScreenContainer (created by Drawer) in RCTView (created by View) in View (created by Drawer) in RCTView (created by View) in View (created by AnimatedComponent(View)) in AnimatedComponent(View) in Unknown (created by Drawer) in RCTView (created by View) in View (created by AnimatedComponent(View)) in AnimatedComponent(View) in Unknown (created by PanGestureHandler) in PanGestureHandler (created by PanGestureHandler) in PanGestureHandler (created by Drawer) in Drawer (created by DrawerViewBase) in DrawerViewBase (created by DrawerView) in RNGestureHandlerRootView (created by GestureHandlerRootView) in GestureHandlerRootView (created by DrawerView) in RCTView (created by View) in View (created by SafeAreaProviderCompat) in SafeAreaProviderCompat (created by DrawerView) in DrawerView (created by DrawerNavigator) in PreventRemoveProvider (created by NavigationContent) in NavigationContent in Unknown (created by DrawerNavigator) in DrawerNavigator (created by DrawerNavigation) in DrawerNavigation (created by SceneView) in StaticContainer in EnsureSingleNavigator (created by SceneView) in SceneView (created by SceneView) in RCTView (created by View) in View (created by DebugContainer) in DebugContainer (created by MaybeNestedStack) in MaybeNestedStack (created by SceneView) in RCTView (created by View) in View (created by SceneView) in RNSScreen (created by Animated(Anonymous)) in Animated(Anonymous) (created by InnerScreen) in Suspender (created by Freeze) in Suspense (created by Freeze) in Freeze (created by DelayedFreeze) in DelayedFreeze (created by InnerScreen) in InnerScreen (created by Screen) in Screen (created by SceneView) in SceneView (created by NativeStackViewInner) in Suspender (created by Freeze) in Suspense (created by Freeze) in Freeze (created by DelayedFreeze) in DelayedFreeze (created by ScreenStack) in RNSScreenStack (created by ScreenStack) in ScreenStack (created by NativeStackViewInner) in NativeStackViewInner (created by NativeStackView) in RNCSafeAreaProvider (created by SafeAreaProvider) in SafeAreaProvider (created by SafeAreaProviderCompat) in SafeAreaProviderCompat (created by NativeStackView) in NativeStackView (created by NativeStackNavigator) in PreventRemoveProvider (created by NavigationContent) in NavigationContent in Unknown (created by NativeStackNavigator) in NativeStackNavigator (created by App) in EnsureSingleNavigator in BaseNavigationContainer in ThemeProvider in NavigationContainerInner (created by App) in RNGestureHandlerRootView (created by GestureHandlerRootView) in GestureHandlerRootView (created by App) in UserProvider (created by App) in App (created by withDevTools(App)) in withDevTools(App) in RCTView (created by View) in View (created by AppContainer) in RCTView (created by View) in View (created by AppContainer) in AppContainer in main(RootComponent), js engine: hermes Help someone

  • @salahqx
    @salahqx 17 днів тому

    Thank you, But when i build the project i only get empty index.html page, how to make pages in the src folder live? And how to hide code logic from clients? sorry im new to web dev

  • @sbzpatel
    @sbzpatel 17 днів тому

    Nicely explained👍

  • @Dharani832
    @Dharani832 23 дні тому

    I am badly in need of help this video is 💎 gem ❤

  • @sid3900
    @sid3900 24 дні тому

    I am able to store the url on mongo and also retrieving the url but once I display it , it dosent work. On looking at network it shows that localhost gets added to the image

  • @shobi_r0412
    @shobi_r0412 24 дні тому

    bro, can you make a dashboard that when an admin will logon if will redirected to dashboard and inside in the dashboard, there are features. Also when clicking to each feature is it will not go to other page but will remain in the dashboard page. thanks bro in advance❤ btw great video bro❤

  • @SumitSingh-s2i
    @SumitSingh-s2i 24 дні тому

    Thanks for this video. I have been searching for this for days and yet couldn't understand how to implement it but thanks to you now I am able to get it.

  • @doronsayar1587
    @doronsayar1587 25 днів тому

    תודה!

  • @SpectralHub-ut9wd
    @SpectralHub-ut9wd 25 днів тому

    Thanks a lot.

  • @Shubham-qf7eq
    @Shubham-qf7eq 26 днів тому

    if you make it in hinglish so this course becomme more good

  • @dem0n595
    @dem0n595 27 днів тому

    brother can we highlight certain text on pdf , that are passed in as input.

  • @HaAutumn
    @HaAutumn 27 днів тому

    thank u so muchhh ❤❤❤❤

  • @prajithar6174
    @prajithar6174 28 днів тому

    Bro props. Navigation. Navigate() doesnt work for me. Any Solutions??😢

  • @haris-jjprince6615
    @haris-jjprince6615 28 днів тому

    your way is totally wrong because first you get all the data and then slice it, which is totally wrong, you should do it using skip and limit mehtod of mongoose.

  • @falgunsorathiya5361
    @falgunsorathiya5361 29 днів тому

    Thanks a lot. Your video was really very helpful. Keep it up!!!

  • @jsagar95
    @jsagar95 29 днів тому

    Thanks!

  • @roasthost3514
    @roasthost3514 Місяць тому

    how can we make secret key hashed in code for all

  • @qwerty20917
    @qwerty20917 Місяць тому

    Bro at 4:36 it's not getting enabled for me it's showing error can you help me pls..

    • @thedebugarena
      @thedebugarena Місяць тому

      What error are u getting can u share with me

    • @qwerty20917
      @qwerty20917 Місяць тому

      @@thedebugarena when I press save it simply says error updating email/password Other method like Google authentication is getting saved but native providers(email/ password, phone and anonymous ) aren't being saved it's showing error

    • @qwerty20917
      @qwerty20917 Місяць тому

      @@thedebugarena it also says on top that cross origin redirect sign-in is no longer supported in many browsers. Update app to ensure you can sign into your app.

    • @thedebugarena
      @thedebugarena Місяць тому

      @@qwerty20917 can u try creating new project or with different Google account

    • @qwerty20917
      @qwerty20917 Місяць тому

      4:36

  • @malaikachauhan7351
    @malaikachauhan7351 Місяць тому

    good job

  • @malaikachauhan7351
    @malaikachauhan7351 Місяць тому

    very nice bro

  • @madhuvr271
    @madhuvr271 Місяць тому

    Bro the emulator not fitting with in the screen.what to do

  • @depavathnareshnaik5584
    @depavathnareshnaik5584 Місяць тому

    Thanks you sir ...

  • @AhmadMahfuj
    @AhmadMahfuj Місяць тому

    Great video! This topic is easy for anyone to understand.

  • @KiranR-g6x
    @KiranR-g6x Місяць тому

    can edit exist content in pdf

  • @ShreyasChaudhari
    @ShreyasChaudhari Місяць тому

    Thank You So Much Bro.

  • @theemporiumeditz
    @theemporiumeditz Місяць тому

    Nice

  • @AnkitSharma-y3u7m
    @AnkitSharma-y3u7m Місяць тому

    thanks brother

  • @everydaywithshivam
    @everydaywithshivam Місяць тому

    maja aa gya

  • @app47-d7m
    @app47-d7m Місяць тому

    hello, you can help me , for api ?

  • @sandeepamarnath3295
    @sandeepamarnath3295 Місяць тому

    This is the best playlist I have watched for react-native. Can you also please make a video tutorial on email verification and password reset functionalities when you get some time. I think they are very crucial to learn in any modern apps. Thanks.

  • @thiennghia8629
    @thiennghia8629 Місяць тому

    save my life. very helpful

  • @chandann2343
    @chandann2343 Місяць тому

    Very helpful bro. Keep rocking 🎉

  • @siprapatra5275
    @siprapatra5275 Місяць тому

    Thank you soooo verrrryyyy muccccchhh 🥺🥺