Arslan
Arslan
  • 223
  • 2 325 911
Mantine UI V7 Course #4 | Routing and Navigation Using React Router
Yo, welcome to the updated version of the mantine course inthis course i wanted to update all the out of date tutorials i hope you enjoy :D. Today we're gonna learn how to work with Routing and Navigation
0:00 Introduction
0:39 Code Portion of Tutorial
10:55 Testing Routing and Navigation
LINKS: linktr.ee/arslan99
Please don't forget Like, Comment and Subscribe if you're new!
มุมมอง: 2 333

วีดีโอ

Mantine UI V7 Course #3 | Dark Mode / Light Mode
มุมมอง 2.1K8 หลายเดือนก่อน
Yo, welcome to the updated version of the mantine ui course. I wanted to make this update because the previous course is so out of date. so enjoy :D. We're gonna learn how to work with light mode and dark mode 0:00 Introduction To Tutorial 0:13 Documentation Walkthrough 1:22 Coding Portion of Tutorial 4:22 Testing Github: github.com/arslanah99/mantine_course_v7/tree/main/mantinecoursev7 LINKS: ...
Mantine UI V7 Course #2 | AppShell
มุมมอง 3.8K8 หลายเดือนก่อน
Yo, welcome to the updated version of the mantine ui course. I wanted to make this update because the previous course is so out of date. so enjoy :D. In this video we're learning how to work with AppShell Chapters: 0:00 Introduction & Demonstration 0:35 Documentation Walkthrough 5:00 Working With AppShell In React 17:56 Testing 20:04 End Github: github.com/arslanah99/mantine_course_v7/tree/main...
Mantine UI V7 Course #1 | Installation
มุมมอง 6K8 หลายเดือนก่อน
Yo, welcome to the updated version of the mantine ui course. I wanted to make this update because the previous course is so out of date. so enjoy :D Chapters: 0:00 Introduction 4:44 Installing Mantine V7 in React Typescript Github: github.com/arslanah99/mantine_course_v7/tree/main/mantinecoursev7 LINKS: linktr.ee/arslan99 Docs: mantine.dev/getting-started/ Please don't forget Like, Comment and ...
Easily Connect Firebase Emulators with Expo or React Native
มุมมอง 7059 หลายเดือนก่อน
👋 what up y'all! Welcome to this comprehensive guide on setting up and using Firebase Emulators in an Expo React Native project. Say goodbye to all the guesswork and make your development process a breeze! 🚀 🔍 What Will You Learn? - How to initialize a new Expo React Native project - Installing necessary packages like Firebase SDK - Setting up Firebase services and connecting them to local emul...
Electron Course #5 | Light/Dark Mode + Card Styling
มุมมอง 814ปีที่แล้ว
Electron Course #5 | Light/Dark Mode Card Styling
Styling React-PDF with Custom Fonts & Dynamic Page Styles
มุมมอง 10Kปีที่แล้ว
Styling React-PDF with Custom Fonts & Dynamic Page Styles
Electron Course #4 | Setup React Query With Anime API
มุมมอง 679ปีที่แล้ว
Electron Course #4 | Setup React Query With Anime API
Electron Course #3 | Building a Responsive Navbar with React Router in Electron
มุมมอง 4.4Kปีที่แล้ว
Electron Course #3 | Building a Responsive Navbar with React Router in Electron
Electron Course #2 | Setup Material UI & Typography
มุมมอง 1.8Kปีที่แล้ว
Electron Course #2 | Setup Material UI & Typography
Electron Course With React | Introduction #1
มุมมอง 1.4Kปีที่แล้ว
Electron Course With React | Introduction #1
React Day-Picker Basic Setup
มุมมอง 2.2Kปีที่แล้ว
React Day-Picker Basic Setup
Fetching and Displaying REST API Data with Axios, Apollo, GraphQL, and React
มุมมอง 3.1Kปีที่แล้ว
Fetching and Displaying REST API Data with Axios, Apollo, GraphQL, and React
Setup a Dynamic Table with Chakra UI
มุมมอง 3.7Kปีที่แล้ว
Setup a Dynamic Table with Chakra UI
Full React Native Course | Build An Anime App
มุมมอง 1.3Kปีที่แล้ว
Full React Native Course | Build An Anime App
React Native Flash List Basic Setup
มุมมอง 3.8Kปีที่แล้ว
React Native Flash List Basic Setup
The Only React Icon Library You Need | React-icons
มุมมอง 6Kปีที่แล้ว
The Only React Icon Library You Need | React-icons
Detect Internet In React Native | React Native Course #22 #reactnative
มุมมอง 4Kปีที่แล้ว
Detect Internet In React Native | React Native Course #22 #reactnative
Create React Native Android Release Build On MacOS | React Native Course #21
มุมมอง 3.2Kปีที่แล้ว
Create React Native Android Release Build On MacOS | React Native Course #21
Style Props In Chakra UI | #2
มุมมอง 98ปีที่แล้ว
Style Props In Chakra UI | #2
Chakra UI Introduction | Chakra UI Course #1
มุมมอง 172ปีที่แล้ว
Chakra UI Introduction | Chakra UI Course #1
Setup React Native Tab-View | React Native Course #20 #reactnative
มุมมอง 2.5Kปีที่แล้ว
Setup React Native Tab-View | React Native Course #20 #reactnative
Display CSV Data in a Chart In ReactJS | ChartJS And PapaParse
มุมมอง 3.9Kปีที่แล้ว
Display CSV Data in a Chart In ReactJS | ChartJS And PapaParse
Setup React Router V6 With a Navbar In React
มุมมอง 4.2Kปีที่แล้ว
Setup React Router V6 With a Navbar In React
Setup PDFMake in ReactJS
มุมมอง 8Kปีที่แล้ว
Setup PDFMake in ReactJS
Setup React Native Vector Icons For Both Android & iOS
มุมมอง 19Kปีที่แล้ว
Setup React Native Vector Icons For Both Android & iOS
Buttons In NativeBase | NativeBase Tutorial #3 #reactnative #nativebase
มุมมอง 1.2Kปีที่แล้ว
Buttons In NativeBase | NativeBase Tutorial #3 #reactnative #nativebase
Setup React Navigation With Native Base | NativeBase Tutorial #2
มุมมอง 2.4Kปีที่แล้ว
Setup React Navigation With Native Base | NativeBase Tutorial #2
NativeBase Introduction & Installation In React Native | NativeBase #1
มุมมอง 6Kปีที่แล้ว
NativeBase Introduction & Installation In React Native | NativeBase #1
How to Use, useHash Hook in Mantine UI | Mantine UI Course #16
มุมมอง 743ปีที่แล้ว
How to Use, useHash Hook in Mantine UI | Mantine UI Course #16

ความคิดเห็น

  • @user-cl5vy8yh7x
    @user-cl5vy8yh7x 3 วันที่ผ่านมา

    you are the Best. keep it up

  • @divyanshsingh1347
    @divyanshsingh1347 5 วันที่ผ่านมา

    man you literally saved me , i was having the "style property undefined issue " , but after installing this beta version , the problem is gone . Thankyou so much mate .

  • @wilsonmateo6346
    @wilsonmateo6346 7 วันที่ผ่านมา

    how can i do it when the screen shot needs to be in more than one page, but i want to have some margin just to void to have spaces on the document, i try many things but it does not work here is some part of the code. const generatePDF = () => { const input = pageRef.current; if (input) { //toma la escala a la que se tomara la imagen html2canvas(input, {scale: 2, useCORS: true, allowTaint: true}).then((canvas) => { const imgData = canvas.toDataURL('image/png') const pdf = new jsPDF('landscape', 'mm', 'A4'); const imgWidth = 280; const pageHeight = 210; const margin = 10; const imgHeight = (canvas.height * (imgWidth - margin * 2)) / canvas.width; let heightLeft = imgHeight; let position = 0; pdf.addImage(imgData, 'PNG', margin, position, imgWidth - margin * 2, imgHeight); heightLeft -= pageHeight; while (heightLeft >= 0) { position = heightLeft - imgHeight; pdf.addPage(); pdf.addImage(imgData, 'PNG', margin, position, imgWidth - margin * 2, imgHeight); heightLeft -=pageHeight; } //toma el formato de la fecha const date = new Date(); const formattedDate = `${date.getFullYear()}-${(date.getMonth() + 1).toString().padStart(2, '0')}-${date.getDate().toString().padStart(2, '0')}`; const fileName = `cotizacion ${selectedClientName} ${formattedDate}.pdf`; //el formato de como se llamara el archivo al ser descargado pdf.save(fileName); //aqui se descarga el pdf }); } };

  • @CollinMeCrazy
    @CollinMeCrazy 20 วันที่ผ่านมา

    goated video fr, i tried doing this a while ago and was struggling but this worked like a charm thanks man !

  • @Dencell
    @Dencell 21 วันที่ผ่านมา

    Can you do this running expo go on a physical device?

    • @arslan99
      @arslan99 21 วันที่ผ่านมา

      @@Dencell hmmm I am not you sure I've never tried

    • @chrishyde952
      @chrishyde952 5 วันที่ผ่านมา

      Having trouble with this as well. doesn't seem to connect.

    • @arslan99
      @arslan99 5 วันที่ผ่านมา

      @@chrishyde952 hmmm maybe do you have USB debugging enabled?

  • @Lorenzo01179
    @Lorenzo01179 25 วันที่ผ่านมา

    What is I wanted a footer to also always display? (Edit) I think I got it but if u know a for sure way I'd appreciate a explanation

  • @Diduty
    @Diduty 28 วันที่ผ่านมา

    thank you

  • @NKardan
    @NKardan 29 วันที่ผ่านมา

    thank you so much it's work perfect but in the console i have the error : Warning: validateDOMNesting(...): <a> cannot appear as a descendant of <a>. any advice to solve this error ????

  • @user-kh9nl9mj3f
    @user-kh9nl9mj3f หลายเดือนก่อน

    I can’t seem to customize the hover effect despite following the video.

  • @j.villasmil9575
    @j.villasmil9575 หลายเดือนก่อน

    Hello Arslan, I see you couldn't set the page number on each page, I have the same problem, only show it at the end of the entire document

  • @mutiaraayun6062
    @mutiaraayun6062 หลายเดือนก่อน

    i try your video and implement using next.js 14 but some how image not show when i'm using components image in react-pdf also path of image using local. any suggestion for my problem

  • @bfrAliShettima
    @bfrAliShettima หลายเดือนก่อน

    Nice tutorial

  • @prajwal1341
    @prajwal1341 หลายเดือนก่อน

    thanks bro..

  • @ketanpatel4273
    @ketanpatel4273 หลายเดือนก่อน

    Thanks for this Arslan. How can I get the drawer/overlay to close in mobile view and show the relevant component.

  • @jeetray11
    @jeetray11 หลายเดือนก่อน

    Bro. I was looking for a course on Mantine and didn't find any but this. So Thank you. But before I start this course I have a quick question for you. I am a newbie React dev. Still learning. I am doing a project and I almost decided to go with react-bootstrap library. The idea is I don't want to use any CSS at all, whatever comes out of the box. But a couple days ago somebody threw at me Material UI, Chakra UI, Mantine. I already knew about Tailwind and I decided to not go with it. Chakra I didn't bother looking at. Don't have time. between the two Ms I didn't like the Material UI documentation site's visual aspects and Mantine looked much cleaner to me. I want to jump at it but fear that it being new the path of it is unknown, there is less support, less tutorials/courses etc. where react-bootstrap may be more stable and has a very long history. Is my concern about Mantine baseless. Please share your thoughts.

  • @italobuitron1165
    @italobuitron1165 หลายเดือนก่อน

    This is the old version, is there any new version?

    • @arslan99
      @arslan99 หลายเดือนก่อน

      I think I might've made a new one on my channel like Mantine V2 or somethin

  • @jameskarlapas1999
    @jameskarlapas1999 หลายเดือนก่อน

    Thanks man

    • @arslan99
      @arslan99 หลายเดือนก่อน

      Np

  • @jameskarlapas1999
    @jameskarlapas1999 หลายเดือนก่อน

    Thanks man

  • @bfrAliShettima
    @bfrAliShettima หลายเดือนก่อน

    Nice tutorial

    • @arslan99
      @arslan99 หลายเดือนก่อน

      Ty

  • @ntchindagiscard3870
    @ntchindagiscard3870 หลายเดือนก่อน

    Can there be one with just reactjs ?

  • @user-wd6di6xi7m
    @user-wd6di6xi7m หลายเดือนก่อน

    Thank you very much.. This is what I actually searching for.

  • @ignaciodipaolo8293
    @ignaciodipaolo8293 หลายเดือนก่อน

    thx man !

  • @KousseilaMd
    @KousseilaMd หลายเดือนก่อน

    but how would u use that return to do other stuff like give it as a parameter for another function or smth like that

  • @abdulrahmanhussamaldin6523
    @abdulrahmanhussamaldin6523 2 หลายเดือนก่อน

    Is this Still Work I Tired From FireBase Please Tell If This Still Work

  • @SulavNiroula-wg6gw
    @SulavNiroula-wg6gw 2 หลายเดือนก่อน

    If i have paginated data how to search the data that has not been loaded yet??

  • @monoq_
    @monoq_ 2 หลายเดือนก่อน

    Oh thank you so much man. I've been searching for this in the docs and I can't found how to do it.

  • @ahmedAshraf-xo7mj
    @ahmedAshraf-xo7mj 2 หลายเดือนก่อน

    I was watching this video in a library and they told me to raise the volume.

  • @HassanMohamed-317
    @HassanMohamed-317 3 หลายเดือนก่อน

    Can React Query be used instead of Redux?

    • @arslan99
      @arslan99 3 หลายเดือนก่อน

      I'm not really sure what redux does haha

  • @bangunny
    @bangunny 3 หลายเดือนก่อน

    man your mic too low, i can't hear a thing

    • @arslan99
      @arslan99 3 หลายเดือนก่อน

      Ah darn for future videos I'll increase it

  • @NelsonMunthe-xk9ne
    @NelsonMunthe-xk9ne 3 หลายเดือนก่อน

    i got his error message, "error Failed to install the app. Command failed with EACCES: ./gradlew app:installDebug -PreactNativeDevServerPort=8081 spawn ./gradlew EACCES." anybody can help me?

  • @abduraaahim
    @abduraaahim 3 หลายเดือนก่อน

    damn, it didn't work

    • @arslan99
      @arslan99 3 หลายเดือนก่อน

      What error did you get

  • @maxalejandrocamacho6163
    @maxalejandrocamacho6163 3 หลายเดือนก่อน

    Thank u!!! you really help me to much! i was looking this answer for a while!

    • @arslan99
      @arslan99 3 หลายเดือนก่อน

      I'm glad I could help 😄

  • @rebrod06
    @rebrod06 3 หลายเดือนก่อน

    Great video!!

  • @AtharvaSadavarte-lt3kt
    @AtharvaSadavarte-lt3kt 3 หลายเดือนก่อน

    how to make this background animation in react native?

  • @r4v1
    @r4v1 3 หลายเดือนก่อน

    Thanks for the video. How do I disable the video controls? And prevent video from going to fullscreen player when it starts playing on mobile?

  • @dawidwraga
    @dawidwraga 3 หลายเดือนก่อน

    Hey I've made a react library called @davstack/sound which makes using howler with global config settings like volume super easy. I'm curious to hear what you think!

  • @mujahidali8691
    @mujahidali8691 3 หลายเดือนก่อน

    What is the name of this song or background music

  • @ravi_verma31
    @ravi_verma31 3 หลายเดือนก่อน

    How to take screenshot of the content which is scrollable and have height more than the viewport also that div can be scaled (transform: scale()) using input range, but what i want the preview of the div with default scale value so that even user zoomed it up and clicks on preview it should get fixedsize of the div as an image no matter what the current state of scale is.

  • @Qwerty20121
    @Qwerty20121 3 หลายเดือนก่อน

    Nise job :D I lyk it :3 Haha, but your oldest video is actually awesome!

  • @Qwerty20121
    @Qwerty20121 3 หลายเดือนก่อน

    Kewl 😀👍🍦

  • @sreenivasreddykick4503
    @sreenivasreddykick4503 3 หลายเดือนก่อน

    do i need to replace store file path? in app build.gradle

  • @pruthvieditz-hl4ws
    @pruthvieditz-hl4ws 3 หลายเดือนก่อน

    How to get songs url link from online?????????

  • @coachmartinezj
    @coachmartinezj 3 หลายเดือนก่อน

    I have tried doing something similar using that same api. It is not fetching the data. Do you think it’s because the api might’ve changed?

    • @arslan99
      @arslan99 3 หลายเดือนก่อน

      It could be because this video is quite old the API could've been updated lol

    • @ridgewada3807
      @ridgewada3807 3 หลายเดือนก่อน

      @@arslan99 Yo so I think I did everything correctly but for some reason I can only get the stats from lebron and when I type another name it always gives me the "This player may be injured..." Do you think you know what could be causing this?

    • @arslan99
      @arslan99 3 หลายเดือนก่อน

      @@ridgewada3807 oh I just looked more into the API it looks like it requires auth maybe try creating an account and then try to query again

    • @ridgewada3807
      @ridgewada3807 3 หลายเดือนก่อน

      @@arslan99 so I saw that too and got it working. I just tried Trae as in input for Trae Young and it worked. So it seems like if the input is one name it works for cases where there is only one person with that name, but if I try Stephen Curry, it gives me the "player injured..." is there a way to fix it so it registers the two names?

    • @coachmartinezj
      @coachmartinezj 3 หลายเดือนก่อน

      @@ridgewada3807 so yours worked. nice. Did you follow his tutorial above?

  • @user-vu9dl3vn7l
    @user-vu9dl3vn7l 3 หลายเดือนก่อน

    Thank you so much for this helpful video!

    • @arslan99
      @arslan99 3 หลายเดือนก่อน

      Glad it was helpful!

  • @calvinwilliams729
    @calvinwilliams729 4 หลายเดือนก่อน

    is that all

  • @stef3233
    @stef3233 4 หลายเดือนก่อน

    We need an ecommerce website made with mantine and react

  • @zanokuhlehita7668
    @zanokuhlehita7668 4 หลายเดือนก่อน

    Thank you guys for these videos they are value

  • @zevspitz8925
    @zevspitz8925 4 หลายเดือนก่อน

    19:25 Every AppShell section you use needs to have a corresponding configuration section, per the docs.

  • @wildlifebypk
    @wildlifebypk 4 หลายเดือนก่อน

    thanks for quick tute without nonsense

    • @arslan99
      @arslan99 4 หลายเดือนก่อน

      You're welcome

  • @hi_im_willow
    @hi_im_willow 4 หลายเดือนก่อน

    Any idea on how to select a different year. like drop down

    • @billymaaa
      @billymaaa หลายเดือนก่อน

      <DayPicker captionLayout="dropdown-buttons" fromYear={2010} toYear={2024} />