- 223
- 2 359 164
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 776
Відео
Mantine UI V7 Course #3 | Dark Mode / Light Mode
Переглядів 2,5 тис.10 місяців тому
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
Переглядів 4,6 тис.10 місяців тому
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
Переглядів 7 тис.10 місяців тому
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
Переглядів 84511 місяців тому
👋 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
Переглядів 873Рік тому
Electron Course #5 | Light/Dark Mode Card Styling
Styling React-PDF with Custom Fonts & Dynamic Page Styles
Переглядів 11 тис.Рік тому
Styling React-PDF with Custom Fonts & Dynamic Page Styles
Electron Course #4 | Setup React Query With Anime API
Переглядів 769Рік тому
Electron Course #4 | Setup React Query With Anime API
Electron Course #3 | Building a Responsive Navbar with React Router in Electron
Переглядів 4,9 тис.Рік тому
Electron Course #3 | Building a Responsive Navbar with React Router in Electron
Electron Course #2 | Setup Material UI & Typography
Переглядів 2 тис.Рік тому
Electron Course #2 | Setup Material UI & Typography
Electron Course With React | Introduction #1
Переглядів 1,5 тис.Рік тому
Electron Course With React | Introduction #1
Fetching and Displaying REST API Data with Axios, Apollo, GraphQL, and React
Переглядів 3,3 тис.Рік тому
Fetching and Displaying REST API Data with Axios, Apollo, GraphQL, and React
Full React Native Course | Build An Anime App
Переглядів 1,4 тис.Рік тому
Full React Native Course | Build An Anime App
The Only React Icon Library You Need | React-icons
Переглядів 6 тис.Рік тому
The Only React Icon Library You Need | React-icons
Detect Internet In React Native | React Native Course #22 #reactnative
Переглядів 4,5 тис.Рік тому
Detect Internet In React Native | React Native Course #22 #reactnative
Create React Native Android Release Build On MacOS | React Native Course #21
Переглядів 3,5 тис.Рік тому
Create React Native Android Release Build On MacOS | React Native Course #21
Chakra UI Introduction | Chakra UI Course #1
Переглядів 173Рік тому
Chakra UI Introduction | Chakra UI Course #1
Setup React Native Tab-View | React Native Course #20 #reactnative
Переглядів 2,6 тис.Рік тому
Setup React Native Tab-View | React Native Course #20 #reactnative
Display CSV Data in a Chart In ReactJS | ChartJS And PapaParse
Переглядів 4,2 тис.Рік тому
Display CSV Data in a Chart In ReactJS | ChartJS And PapaParse
Setup React Router V6 With a Navbar In React
Переглядів 4,4 тис.Рік тому
Setup React Router V6 With a Navbar In React
Setup React Native Vector Icons For Both Android & iOS
Переглядів 20 тис.Рік тому
Setup React Native Vector Icons For Both Android & iOS
Buttons In NativeBase | NativeBase Tutorial #3 #reactnative #nativebase
Переглядів 1,2 тис.Рік тому
Buttons In NativeBase | NativeBase Tutorial #3 #reactnative #nativebase
Setup React Navigation With Native Base | NativeBase Tutorial #2
Переглядів 2,4 тис.Рік тому
Setup React Navigation With Native Base | NativeBase Tutorial #2
NativeBase Introduction & Installation In React Native | NativeBase #1
Переглядів 6 тис.Рік тому
NativeBase Introduction & Installation In React Native | NativeBase #1
How to Use, useHash Hook in Mantine UI | Mantine UI Course #16
Переглядів 783Рік тому
How to Use, useHash Hook in Mantine UI | Mantine UI Course #16
what to do for non webkit browsers?
❤❤❤❤❤🎉
wow this is my first time commenting thanks a lot I understood everything you thought I wont be writing plenty states again material ui is so nice @Arslan you did a very nice job thanks a lot
@@PreciousOsonwa i appreciate your comment thank you I'm glad you got a good understanding of it all
Thank you...👍
Jk dynamic link is being deprecated
😭😭😭
Damn
Fire
Hey nice vid, im just a newbie and i just found this very helpful
I'm glad I could help ya out
its good but who is not writting in typescript ? sorry
Sorry for a late response. Unfortunately I don't actually remember 😅
im rendering a booking receipt that sometime is really long how to break to new pages automatically?
@@mangkoeboemie hmmm you could try asynchronous await
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 .
Glad I could help
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
No problem
Nice tutorial
Ty
Can there be one with just reactjs ?
Thank you very much.. This is what I actually searching for.
Glad I could help!
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
It's working
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!!
Glad you enjoyed it
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