The Don Hub
The Don Hub
  • Видео 157
  • Просмотров 73 897
Master React.js Routing: Beginner to Advanced Guide
Ready to level up your React.js skills? In this video, I’ll guide you through the essentials of React Router. Learn how to set up routing, create dynamic routes, handle nested routes, and even add a custom 404 page! Whether you're new to React or looking to expand your knowledge, this step-by-step tutorial has everything you need. 🚀
🔗 Key Topics Covered:
00:31 Setting up React Router
04:00 Creating basic routes (Home, About, Contact)
10:50 Dynamic routing
15:20 Nested routes
22:00 Programmatic navigation with useNavigate
28:10 Adding a 404 error page
30:50 Recap
Setting up React app with Vite: ruclips.net/video/X3JeqTjAgtw/видео.html
Don't forget to like, share, and subscribe for more tutorials lik...
Просмотров: 26

Видео

Master synchronous and asynchronous in node js
Просмотров 37Месяц назад
Welcome back to The Don Hub! 🎉 In this video, we explore the essentials of synchronous and asynchronous programming in Node.js. Understanding these concepts is key to writing efficient, non-blocking code that takes full advantage of Node.js's capabilities. I’ll guide you through the differences between synchronous and asynchronous code, how each works under the hood, and why asynchronous progra...
How to Fix Stop Code Kernel Security Check Failure in Windows 10, 11
Просмотров 1,5 тыс.2 месяца назад
How to Fix Kernel Security Check Failure in Windows 10 & 11 | Quick and Easy Solutions In this video, I walk you through simple steps to fix the "Kernel Security Check Failure" error on Windows 10 and 11. This issue can occur due to hardware problems, malware, outdated drivers, or system file corruption. I’ll cover all the key solutions, including: Running anti-virus scans Updating drivers thro...
NodeJS EXPERT Shares Shocking Error Handling Secrets
Просмотров 282 месяца назад
Mastering Error Handling in Node.js: A Comprehensive Guide Are you tired of unexpected crashes and cryptic error messages in your Node.js applications? In this video, we'll dive deep into the world of error handling and explore the best practices to ensure your code remains robust and reliable. Key Topics Covered: Understanding common error types in Node.js The importance of effective error han...
NodeJS EXPERT Shares Top Error Handling Techniques
Просмотров 442 месяца назад
Mastering Error Handling in Node.js: A Comprehensive Guide Are you tired of unexpected crashes and cryptic error messages in your Node.js applications? In this video, we'll dive deep into the world of error handling and explore the best practices to ensure your code remains robust and reliable. Key Topics Covered: Understanding common error types in Node.js The importance of effective error han...
You Won't Believe How EASY NPM Makes Node.js Backend Development
Просмотров 473 месяца назад
Introduction to NPM for Node.js Backend Development In this video, I will introduce you to NPM, the Node Package Manager. I will cover the basics of how to use NPM to install, update, and remove packages. I will also show you how to create and publish your own NPM packages. Here are some of the topics that I will cover in this video: What is NPM? How to install NPM How to install packages with ...
ADD Location Features to Your MOBILE APP in 10 Minutes
Просмотров 403 месяца назад
Learn how to easily add location features to your mobile app in just 10 minutes using Expo and React Native. Perfect beginner project for geolocation information!
Implement Date and Time Picker in react native project
Просмотров 1483 месяца назад
Want to add interactive date and time selection to your React Native app? Discover the power of the DateTimePicker component! This comprehensive tutorial will guide you through creating dynamic pickers that enhance user experience. क्या आप अपने React Native ऐप में इंटरैक्टिव दिनांक और समय चयन जोड़ना चाहते हैं? DateTimePicker घटक की शक्ति की खोज करें! यह व्यापक ट्यूटोरियल आपको गतिशील पिकर बनाने ...
React Native Picker Tutorial: Create Dropdown Menus with Ease
Просмотров 3513 месяца назад
Want to add interactive elements to your React Native app? Discover the power of the Picker component! This comprehensive tutorial will guide you through creating dynamic dropdown menus that enhance user experience. Quer adicionar elementos interativos ao seu aplicativo React Native? Descubra o poder do componente Picker! Este tutorial abrangente guiará você pela criação de menus suspensos dinâ...
React Native project setup simplified for 2024
Просмотров 3573 месяца назад
Setting up a React Native project can be overwhelming, but not in 2024! Watch this video for a simplified guide on project setup using component-based and file-based approaches.
How to Set Up a FastAPI Server: A Complete Guide for Beginners
Просмотров 693 месяца назад
In this video, I’ll walk you through the step-by-step process of setting up a FastAPI server from scratch. FastAPI is a modern, fast (high-performance) web framework for building APIs with Python 3.7 based on standard Python type hints. What You’ll Learn: How to install FastAPI and Uvicorn Creating your first FastAPI application Setting up basic GET and POST endpoints with data validation Runni...
Setting Up React.js with TypeScript and TailwindCSS Using Vite | Quick Guide
Просмотров 2484 месяца назад
What's going on, guys? Welcome to The Don Hub! In today's video, we’re setting up a React.js project with TypeScript and TailwindCSS using Vite-quick and easy! 🚀 Here’s what we’ll cover: React.js: The popular JavaScript library for building user interfaces. TypeScript: A superset of JavaScript that adds static types. TailwindCSS: A utility-first CSS framework for rapid UI development. Vite: A p...
Client-side Rendering vs Server-side Rendering: The Ultimate Showdown! 🚀
Просмотров 374 месяца назад
🔔 Welcome back to The Don Hub! Today, we're diving deep into one of the most debated topics in web development: Client-side Rendering (CSR) vs Server-side Rendering (SSR). Which one is the best choice for your project? In this video, we break down the pros and cons of both CSR and SSR, comparing their performance, SEO impact, and suitability for different types of web applications. 🚀 What You'l...
React.js vs. Next.js: Understanding Key Differences and Use Cases
Просмотров 7945 месяцев назад
React.js vs. Next.js: Understanding Key Differences and Use Cases
Mastering Feature Engineering Techniques
Просмотров 436 месяцев назад
Mastering Feature Engineering Techniques
How To Fix A JavaScript Error Occurred In The Main Process - TikTok/Any App In Windows 10 /11 ✅✅✅
Просмотров 9 тыс.7 месяцев назад
How To Fix A JavaScript Error Occurred In The Main Process - TikTok/Any App In Windows 10 /11 ✅✅✅
Understanding Node.js Modules: A Comprehensive Guide
Просмотров 617 месяцев назад
Understanding Node.js Modules: A Comprehensive Guide
Introduction to Node.js | What is Node.js and Why Should You Learn It?
Просмотров 637 месяцев назад
Introduction to Node.js | What is Node.js and Why Should You Learn It?
Difference between expo and react native cli 2024
Просмотров 2,4 тыс.8 месяцев назад
Difference between expo and react native cli 2024
Mastering Node.js: A Comprehensive Series
Просмотров 538 месяцев назад
Mastering Node.js: A Comprehensive Series
Unveiling the power of Firebase realtime database | Create, Read, Update, Delete
Просмотров 2148 месяцев назад
Unveiling the power of Firebase realtime database | Create, Read, Update, Delete
Get ahead with React Native push notifications: Expert guide
Просмотров 2718 месяцев назад
Get ahead with React Native push notifications: Expert guide
React Native Checkbox Tutorial: From Beginner to PRO (Custom & 3rd Party) [2024]
Просмотров 1668 месяцев назад
React Native Checkbox Tutorial: From Beginner to PRO (Custom & 3rd Party) [2024]
How to add expo vector icon in 4mins
Просмотров 4888 месяцев назад
How to add expo vector icon in 4mins
Let's fix ModuleNotFoundError: No module named 'pygame'
Просмотров 1778 месяцев назад
Let's fix ModuleNotFoundError: No module named 'pygame'
Email or SMS spam detection algorithm | Classifier
Просмотров 708 месяцев назад
Email or SMS spam detection algorithm | Classifier
React Native Tutorial: Image Picker & Sharing with Expo
Просмотров 6029 месяцев назад
React Native Tutorial: Image Picker & Sharing with Expo
Build an AI Digit Classifier! | Train a Feedforward Neural Network with Python & MNIST Dataset
Просмотров 609 месяцев назад
Build an AI Digit Classifier! | Train a Feedforward Neural Network with Python & MNIST Dataset
How neural networks revolutionize AI
Просмотров 799 месяцев назад
How neural networks revolutionize AI
Upgrade Pip in Minutes! (The EASY Way for Windows 10 & 11)
Просмотров 889 месяцев назад
Upgrade Pip in Minutes! (The EASY Way for Windows 10 & 11)

Комментарии

  • @jaymillsp
    @jaymillsp 6 часов назад

    We missed you🤩🥺 Welcome back bro

    • @thedonhub
      @thedonhub 4 часа назад

      Thanks for checking in! 😁

  • @alexanderpetranov
    @alexanderpetranov 19 дней назад

    Thank you! Subbed!

  • @olanitoritobi5107
    @olanitoritobi5107 22 дня назад

    hi, do you know how to make this work on ios? the media library does not launch

    • @thedonhub
      @thedonhub 18 дней назад

      You need to request user permission first. After permission has been granted, it will be lunch.

  • @vishnuvardhan7470
    @vishnuvardhan7470 Месяц назад

    If i make changes when running on web browser and save code, will the changes get reflect instantly?

  • @a4production_2.0
    @a4production_2.0 Месяц назад

    thank!!

    • @thedonhub
      @thedonhub Месяц назад

      You're welcome 😊

  • @ellayararwhyaych4711
    @ellayararwhyaych4711 Месяц назад

    The background music, especially the singer's voice, is very distracting.

    • @thedonhub
      @thedonhub Месяц назад

      Oh, sorry for that experience. I did a new video on that, though : ruclips.net/video/LfVeF1GqqgA/видео.html

  • @durotemy8410
    @durotemy8410 Месяц назад

    Why not drop ur repo

  • @tonyistrati8666
    @tonyistrati8666 Месяц назад

    Tnx for resolving my issue

    • @thedonhub
      @thedonhub Месяц назад

      You're welcome 😊

  • @segunayomide2969
    @segunayomide2969 2 месяца назад

    Towards the ladt part , mine shower port listening, but it didn't show the host name and "mongodb connected"

    • @segunayomide2969
      @segunayomide2969 2 месяца назад

      Pls I really need your help

    • @thedonhub
      @thedonhub 2 месяца назад

      Check services and make sure your mongoDB server is running

  • @AllanGathenga
    @AllanGathenga 2 месяца назад

    Mine can't access anything bro

    • @thedonhub
      @thedonhub 2 месяца назад

      Make sure you run cmd as an administrator

  • @draco8709
    @draco8709 3 месяца назад

    thanks

    • @thedonhub
      @thedonhub 3 месяца назад

      You're welcome 😊

  • @infotech4540
    @infotech4540 3 месяца назад

    thanks bro

    • @thedonhub
      @thedonhub 3 месяца назад

      You're welcome 😊

  • @thedonhub
    @thedonhub 3 месяца назад

    Full video: ruclips.net/video/vj_wVZPrIBA/видео.htmlsi=v0BdF7LHXB1eLoLB

  • @thedonhub
    @thedonhub 3 месяца назад

    Full video: ruclips.net/video/Lzhraj1EYz8/видео.htmlsi=QmAkJyUq7DHv_UHN

  • @Jaegerprime
    @Jaegerprime 3 месяца назад

    Does it support hot reload?

    • @thedonhub
      @thedonhub 3 месяца назад

      Yes

    • @Jaegerprime
      @Jaegerprime 3 месяца назад

      @@thedonhub but the problem is when i pressed ctr + v, the browser didn't reload.

    • @thedonhub
      @thedonhub 3 месяца назад

      @@Jaegerprime it's ctr + s to save the changes you made

    • @Jaegerprime
      @Jaegerprime 3 месяца назад

      @@thedonhub But I saw someone who pressed Ctrl+S, and the browser reloaded.

    • @Jaegerprime
      @Jaegerprime 3 месяца назад

      @@thedonhub is there any way to do it

  • @천천-w4p
    @천천-w4p 3 месяца назад

    perfect

    • @thedonhub
      @thedonhub 3 месяца назад

      Thank you 😊

  • @Himachali_in_UK
    @Himachali_in_UK 3 месяца назад

    It is not working

    • @thedonhub
      @thedonhub 3 месяца назад

      Kindly follow the steps carefully 🙏

  • @nandysfamily1703
    @nandysfamily1703 3 месяца назад

    Thank u

    • @thedonhub
      @thedonhub 3 месяца назад

      You are welcome 😊

  • @bench2328
    @bench2328 3 месяца назад

    My guy

  • @BubbleStoneIA
    @BubbleStoneIA 3 месяца назад

    Perfect, thanks

    • @thedonhub
      @thedonhub 3 месяца назад

      You’re welcome

  • @yashuy3279
    @yashuy3279 3 месяца назад

    Thank you

    • @thedonhub
      @thedonhub 3 месяца назад

      You’re welcome

  • @Andreytcg
    @Andreytcg 3 месяца назад

    tks

    • @thedonhub
      @thedonhub 3 месяца назад

      You’re welcome 😇

  • @Tommy60hz
    @Tommy60hz 4 месяца назад

    Thank you 🎉

    • @thedonhub
      @thedonhub 4 месяца назад

      You're welcome

  • @Youtuber_Toan
    @Youtuber_Toan 4 месяца назад

    What about fontWeight. how can we use that property. please help me

    • @thedonhub
      @thedonhub 4 месяца назад

      fontWeight:'700'

  • @EdRein
    @EdRein 4 месяца назад

    What is the new expo cli for installing libraries?, npm seems to be obsolete now.

    • @thedonhub
      @thedonhub 4 месяца назад

      The new recommended way to install libraries in an Expo project is to use the expo package manager instead of npm. Thus 'expo install <library-name>'

  • @justwrite8540
    @justwrite8540 4 месяца назад

    thanks !

    • @thedonhub
      @thedonhub 4 месяца назад

      You're welcome

  • @adarshsharma6085
    @adarshsharma6085 4 месяца назад

    👍👍

  • @lalay-ff6cd
    @lalay-ff6cd 4 месяца назад

    thx man

    • @thedonhub
      @thedonhub 4 месяца назад

      You're welcome

  • @USMANARSHAD-i9b
    @USMANARSHAD-i9b 5 месяцев назад

    Great

  • @BlizzJezz
    @BlizzJezz 5 месяцев назад

    doesnt work

    • @Jessica-jv7kn
      @Jessica-jv7kn 5 месяцев назад

      It worked for me

    • @thedonhub
      @thedonhub 5 месяцев назад

      Make sure you follow the process

  • @teodordimitrov7062
    @teodordimitrov7062 5 месяцев назад

    Good video. Can you help me? I am using the same approach and I am getting a warning Possible promise rejection (id:0) Error: Call to function 'ExpoAsset.downloadAsync' has been rejected Caused by: Unable to download asset from url 192.168.0:8081/assets/?unstable_path

    • @thedonhub
      @thedonhub 5 месяцев назад

      Sorry for late reply. Here are some steps you can take to troubleshoot this error: 1. Check URL: Ensure that the URL is correct and accessible. The IP address 192.168.0 appears incomplete. It should be something like 192.168.0.x, where x is a valid number. Verify the full URL to make sure it is correct. 2. Network Issues: Make sure that your development server is running and accessible from the device or emulator you are using. Ensure that there are no network issues blocking access. 3. Server Status: Check if your development server is running and serving assets correctly. You can try accessing the URL directly from a browser to see if the asset is available. 4. Asset Path: Verify that the path to the asset is correct and that the asset exists at that location. If you are still not able to resolve it then I will suggest you head onto expo documentation page and follow their steps. docs.expo.dev/guides/icons/

    • @teodordimitrov7062
      @teodordimitrov7062 5 месяцев назад

      @@thedonhub Thank you for your help

    • @thedonhub
      @thedonhub 5 месяцев назад

      You're welcome

  • @xxXAsuraXxx
    @xxXAsuraXxx 5 месяцев назад

    The differences are that they all have their own footguns :P

  • @2gbeh
    @2gbeh 5 месяцев назад

    Next.js is the bleeding edge optimized version of React.js. Developers who still use React for modern applications eventually end up creating an architecture similar to Next, so like, why bother.

    • @2gbeh
      @2gbeh 5 месяцев назад

      Same story with React Native and Expo.

    • @thedonhub
      @thedonhub 5 месяцев назад

      Mmmm🤔…Such an interesting point!

  • @TomRaine
    @TomRaine 5 месяцев назад

    Just started with react, next and typescript after messing about with js. A lot faster to get things going. Thanks for the explainer.

    • @thedonhub
      @thedonhub 5 месяцев назад

      Thank you very much for sharing🙏.

    • @patrickdordunu5796
      @patrickdordunu5796 5 месяцев назад

      Bro keeping getting higher​@@thedonhub

  • @purrfectwizard7610
    @purrfectwizard7610 5 месяцев назад

    thanks bro, closing terminals resolved the problem.

    • @thedonhub
      @thedonhub 5 месяцев назад

      You’re welcome 🫡 I’m glad it did

  • @kennedyjunior567
    @kennedyjunior567 6 месяцев назад

    All your tutorials are great bro.thanks I have subscribed,liked and shared

    • @thedonhub
      @thedonhub 6 месяцев назад

      Thanks and welcome 🤗

  • @金城郁冶
    @金城郁冶 6 месяцев назад

    useFirebase please code

  • @tclark
    @tclark 7 месяцев назад

    Love my ‘23 R1T. Can’t wait to upgrade!

  • @HumourDaily-3
    @HumourDaily-3 7 месяцев назад

    Hello brother your videos helped me alot.....Can u make a video how to retrieve data from one collection to another collection in firestore

    • @thedonhub
      @thedonhub 6 месяцев назад

      Well noted ✍️

  • @tirthbhanderi9328
    @tirthbhanderi9328 7 месяцев назад

    it only shows json file in browser

    • @thedonhub
      @thedonhub 7 месяцев назад

      After installing the necessary libraries? And what does the json file contains?

  • @HumourDaily-3
    @HumourDaily-3 7 месяцев назад

    Is it the same for yarn?

    • @thedonhub
      @thedonhub 7 месяцев назад

      Yeah, but don’t forget to use “yarn add <package name>” to install the packages

    • @HumourDaily-3
      @HumourDaily-3 7 месяцев назад

      @@thedonhub Thank you so much

    • @thedonhub
      @thedonhub 7 месяцев назад

      You are welcome🤗

  • @zmre9694
    @zmre9694 8 месяцев назад

    Done this but it's sitl saying fontFamily '"fontName" is not a system font and has not been loaded through expo-font :"((

    • @thedonhub
      @thedonhub 8 месяцев назад

      Download the font you want to use into the directory you're working in and create an expo variable using (usefonts) to store the font and the directory. Now you can use it in your code.

  • @Ahmad-vm9pb
    @Ahmad-vm9pb 8 месяцев назад

    Great work!!

    • @thedonhub
      @thedonhub 8 месяцев назад

      Thanks a lot!

  • @ellayararwhyaych4711
    @ellayararwhyaych4711 8 месяцев назад

    WAIT - WHAT did you do in order to get the 'w' option to begin this whole run on browser process? Please point to a video on how to set this feature up (probably one showing how to properly install the expo stuff).

    • @thedonhub
      @thedonhub 8 месяцев назад

      ruclips.net/video/SEVyUHJjI04/видео.htmlsi=aDXDG-7xh3th7-iV This is a link to a video on setting up an Expo project.

    • @ellayararwhyaych4711
      @ellayararwhyaych4711 Месяц назад

      @@thedonhub Ahh - so this project was set up as an EXPO project. I currently have a non-expo code base using the legacy useNavigation hooks throughout. I was looking for a possible way to extend my current RN version 0.72.3 so that it could run in a browser. Unfortunately, I've sadly learned that useNavigation hooks is not supported in latest RN 0.76, which is all about expo router navigating and I am NOT about to change a bunch of code just to upgrade to it). (thanks for your response link)

  • @EfeRoy
    @EfeRoy 8 месяцев назад

    Thanks really like it

    • @thedonhub
      @thedonhub 8 месяцев назад

      You're welcome 😊

  • @Grace-k4u
    @Grace-k4u 8 месяцев назад

    Very informative ✅

    • @thedonhub
      @thedonhub 8 месяцев назад

      Glad it was helpful!

  • @jaymillsp
    @jaymillsp 8 месяцев назад

    Neat work

  • @jaymillsp
    @jaymillsp 8 месяцев назад

    Great

    • @thedonhub
      @thedonhub 8 месяцев назад

      Confirm ✅

  • @jaymillsp
    @jaymillsp 8 месяцев назад

    Ultimate indeed💯

    • @thedonhub
      @thedonhub 8 месяцев назад

      Confirmed ✅

  • @jaymillsp
    @jaymillsp 8 месяцев назад

    Learning at my own pace, own time and every lecture is in order🤩

    • @thedonhub
      @thedonhub 8 месяцев назад

      You got this!😃