![Arslan](/img/default-banner.jpg)
- 223
- 2 325 911
Arslan
Canada
เข้าร่วมเมื่อ 6 ก.พ. 2014
linktr.ee/arslan99
My channel is all about teaching you development tips, tutorials, mindset that you can use to help your knowledge base grow! So if you're into learning about development make sure to subscribe to my channel right now.
My channel is all about teaching you development tips, tutorials, mindset that you can use to help your knowledge base grow! So if you're into learning about development make sure to subscribe to my channel right now.
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!
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
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
Full React Native Course | Build An Anime App
มุมมอง 1.3Kปีที่แล้ว
Full React Native Course | Build An Anime App
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
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 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
you are the Best. keep it up
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 .
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 }); } };
goated video fr, i tried doing this a while ago and was struggling but this worked like a charm thanks man !
Can you do this running expo go on a physical device?
@@Dencell hmmm I am not you sure I've never tried
Having trouble with this as well. doesn't seem to connect.
@@chrishyde952 hmmm maybe do you have USB debugging enabled?
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
thank you
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 ????
I can’t seem to customize the hover effect despite following the video.
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
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
Nice tutorial
thanks bro..
Thanks for this Arslan. How can I get the drawer/overlay to close in mobile view and show the relevant component.
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.
This is the old version, is there any new version?
I think I might've made a new one on my channel like Mantine V2 or somethin
Thanks man
Np
Thanks man
Nice tutorial
Ty
Can there be one with just reactjs ?
Thank you very much.. This is what I actually searching for.
thx man !
but how would u use that return to do other stuff like give it as a parameter for another function or smth like that
Is this Still Work I Tired From FireBase Please Tell If This Still Work
If i have paginated data how to search the data that has not been loaded yet??
Oh thank you so much man. I've been searching for this in the docs and I can't found how to do it.
I was watching this video in a library and they told me to raise the volume.
Can React Query be used instead of Redux?
I'm not really sure what redux does haha
man your mic too low, i can't hear a thing
Ah darn for future videos I'll increase it
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?
damn, it didn't work
What error did you get
Thank u!!! you really help me to much! i was looking this answer for a while!
I'm glad I could help 😄
Great video!!
how to make this background animation in react native?
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?
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!
What is the name of this song or background music
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.
Nise job :D I lyk it :3 Haha, but your oldest video is actually awesome!
Kewl 😀👍🍦
do i need to replace store file path? in app build.gradle
How to get songs url link from online?????????
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?
It could be because this video is quite old the API could've been updated lol
@@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?
@@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
@@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?
@@ridgewada3807 so yours worked. nice. Did you follow his tutorial above?
Thank you so much for this helpful video!
Glad it was helpful!
is that all
We need an ecommerce website made with mantine and react
Thank you guys for these videos they are value
19:25 Every AppShell section you use needs to have a corresponding configuration section, per the docs.
thanks for quick tute without nonsense
You're welcome
Any idea on how to select a different year. like drop down
<DayPicker captionLayout="dropdown-buttons" fromYear={2010} toYear={2024} />