- 226
- 2 414 111
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.
Ionic Tutorial Setup Using CLI #2
Yo in this video we are gonna be learning how to setup a basic ionic app using the CLI I hope you enjoy :D
docs: ionicframework.com/docs/cli
LINKS: linktr.ee/arslan99
Please don't forget Like, Comment and Subscribe if you're new!
docs: ionicframework.com/docs/cli
LINKS: linktr.ee/arslan99
Please don't forget Like, Comment and Subscribe if you're new!
มุมมอง: 73
วีดีโอ
Ionic Tutorial | Introduction #1
มุมมอง 552 หลายเดือนก่อน
Yo, in this video and playlist we are learning how to work with ionic and its components. Hope you enjoy :D LINKS: linktr.ee/arslan99 Please don't forget Like, Comment and Subscribe if you're new!
Setup ParticleJS In ReactJS
มุมมอง 672 หลายเดือนก่อน
Yo, so in this video we are gonna be updating the previous tutorial in how to setup ParticleJS for ReactJS. Hope you enjoy!!! PASTEBIN: pastebin.com/pgNw9tMU GITHUB REPO: github.com/arslanah99/particlejs-updated-tutorial DOCS: github.com/tsparticles/react LINKS: linktr.ee/arslan99 Please don't forget Like, Comment and Subscribe if you're new!
Mantine UI V7 Course #4 | Routing and Navigation Using React Router
มุมมอง 3.5Kปีที่แล้ว
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!
Mantine UI V7 Course #3 | Dark Mode / Light Mode
มุมมอง 3.4Kปีที่แล้ว
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
มุมมอง 6Kปีที่แล้ว
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
มุมมอง 9Kปีที่แล้ว
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
มุมมอง 1.1Kปีที่แล้ว
👋 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
มุมมอง 962ปีที่แล้ว
Electron Course #5 | Light/Dark Mode Card Styling
Styling React-PDF with Custom Fonts & Dynamic Page Styles
มุมมอง 12Kปีที่แล้ว
Styling React-PDF with Custom Fonts & Dynamic Page Styles
Electron Course #4 | Setup React Query With Anime API
มุมมอง 921ปีที่แล้ว
Electron Course #4 | Setup React Query With Anime API
Electron Course #3 | Building a Responsive Navbar with React Router in Electron
มุมมอง 6Kปีที่แล้ว
Electron Course #3 | Building a Responsive Navbar with React Router in Electron
Electron Course #2 | Setup Material UI & Typography
มุมมอง 2.2Kปีที่แล้ว
Electron Course #2 | Setup Material UI & Typography
Electron Course With React | Introduction #1
มุมมอง 1.7Kปีที่แล้ว
Electron Course With React | Introduction #1
Fetching and Displaying REST API Data with Axios, Apollo, GraphQL, and React
มุมมอง 3.5Kปีที่แล้ว
Fetching and Displaying REST API Data with Axios, Apollo, GraphQL, and React
Full React Native Course | Build An Anime App
มุมมอง 1.5Kปีที่แล้ว
Full React Native Course | Build An Anime App
The Only React Icon Library You Need | React-icons
มุมมอง 7Kปีที่แล้ว
The Only React Icon Library You Need | React-icons
Detect Internet In React Native | React Native Course #22 #reactnative
มุมมอง 5Kปีที่แล้ว
Detect Internet In React Native | React Native Course #22 #reactnative
Create React Native Android Release Build On MacOS | React Native Course #21
มุมมอง 4.1Kปีที่แล้ว
Create React Native Android Release Build On MacOS | React Native Course #21
Chakra UI Introduction | Chakra UI Course #1
มุมมอง 180ปีที่แล้ว
Chakra UI Introduction | Chakra UI Course #1
Setup React Native Tab-View | React Native Course #20 #reactnative
มุมมอง 3Kปีที่แล้ว
Setup React Native Tab-View | React Native Course #20 #reactnative
Display CSV Data in a Chart In ReactJS | ChartJS And PapaParse
มุมมอง 4.6Kปีที่แล้ว
Display CSV Data in a Chart In ReactJS | ChartJS And PapaParse
Setup React Router V6 With a Navbar In React
มุมมอง 4.6K2 ปีที่แล้ว
Setup React Router V6 With a Navbar In React
Setup React Native Vector Icons For Both Android & iOS
มุมมอง 21K2 ปีที่แล้ว
Setup React Native Vector Icons For Both Android & iOS
Buttons In NativeBase | NativeBase Tutorial #3 #reactnative #nativebase
มุมมอง 1.2K2 ปีที่แล้ว
Buttons In NativeBase | NativeBase Tutorial #3 #reactnative #nativebase
we need more tutorials like these
I want to print the page but only the main component (without the navbar). How can I do that?
This is useful information. I was just looking for that specific. Thank you!
how to select years?
can i remove youtube written below?
@@sahildewan282 No unfortunately not
you can use autoFocus prop instead timeout
yo bro, you can use autoFocus prop in TextInput instead timeout
Only "Thank you" I want to say 👍
How to detect Open Wifi network
@@mayank.agrawal open Wi-Fi meaning like public wifi?
@ yea
@ yes, public unsecured wifi check for android and Ios
i made a paste bin with an example pastebin.com/58jAa3PJ you can check the network type and additional properties such as ssid and bssid. Public Wi-Fi networks often have generic or undefined SSIDs, and their authentication status may provide clues. that may help
Great video, Arslan. Looking forward to your next upload! I smashed that thumbs up button on your content. Keep up the awesome work! Your explanation of setting up the Ionic CLI was very clear. How do you think integrating TypeScript with React in Ionic apps could enhance the development experience?
@@KeyserTheRedBeard honestly I'm still working with typescript with react and ionic apps I can't fully answer this question but I'm assuming that it would definitely help with development of PW is because it already gives you an out-of-the-box experience with developing that type of app
Thanks
@@thelegendofzelda187 no worries
The GOAT is back making videos again 😱
@@Padoji ahahahahahahah 😜 👊/||\_ _/¯ ¯\_ 👋 \ 😳 || \_ _/¯ ¯\_ Hopefully tho got some motivation to make some vids lol
Also this was helpful thanks
not the greatest car. L opinion
😭😭😭😭
impossible to change the hover color of buttons in the createTheme
Niceee 👌
Tanks
Keep up the good work man !
Thank you brotha, finally had some motivation to make some videos 🙌
i have copy pasted the code solution u suggested still i get only background i cant get the particles
@@shreebaskar2002 hmmm.i. Think the code could be out of date if recommend checking the docs
@@arslan99 thanks for the reply can u update and post the code please I cant understand and am a new using particle js in project
@shreebaskar2002 let me try to see if I can make an updated video
@@arslan99 pls try cause am using in my project I wanna finish it quickly and if u post the updated code itself enough instead of making a video..Please help me bro but thank you so much for ur reply and help I have do my helo fro my side to reach ur channel well 🤝🙏
@shreebaskar2002 yupp lemme see what I can do for ya
hi i have written the code still i cant get the output i got no error how to resolve this
Thanks
I think this solution wont work with a vite react app but works fine with Create react app
but choose create react app if it deprecated? choose vite instead
Please helps me,what mean password(video1mins37second).Ican't any write that place.Please helps me
oh password is just your computers password
after hours of sweating you have saved me alot .Thank you sir i have subscribed.
@@mauricealgorithm7320 thank you I'm glad I could help
where is the continuation?
@@front_dev_2 I was gonna make more but I sorta got bored 😅
@@arslan99 🙃🙃🙃
@@arslan99 It means you don't like your job
@@front_dev_2 oh nah I love my job just with TH-cam videos other things came up I'll prob find the motivation again soon just as of right now the passion isn't there 😅 sorry about that
Amazing, thanks !
the component re-renders when toggling, is there any solution, i used memo and it does not work
I tried this method but it is throwing module not found error
for anyone asking if the image height is > than the pdf height and pdf show just the top part of image, here is what the solution "doc.addImage(imgData,"PNG",0,0,imgWidth,imgHeight) var pageHeight = 295; var heightLeft = imgHeight; var position = 0; heightLeft -= pageHeight; while (heightLeft >= 0) { position = heightLeft - imgHeight; doc.addPage(); doc.addImage(imgData, 'PNG', 0, position, imgWidth, imgHeight); heightLeft -= pageHeight; }"
Very helpful.
Thank you chief, you really saved my ass, I have struggling on it for over 12 hours and you helped me big time
@@DerekIgbereyivwe I'm glad im could help
I have to pass pure html is that possible?
Creative idea! Thanks for showing us how its made!
Damn I've taken notes!
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 }); } };
hey bro , did you find something
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