Тёмный
Arslan
Arslan
Arslan
Подписаться
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.
Mantine UI V7 Course #2 | AppShell
20:28
9 месяцев назад
Mantine UI V7 Course #1 | Installation
10:26
9 месяцев назад
React Day-Picker Basic Setup
6:49
Год назад
Style Props In Chakra UI | #2
3:01
Год назад
Setup PDFMake in ReactJS
6:44
Год назад
Комментарии
@electroheadfx
@electroheadfx 13 дней назад
its good but who is not writting in typescript ? sorry
@mangkoeboemie
@mangkoeboemie 14 дней назад
im rendering a booking receipt that sometime is really long how to break to new pages automatically?
@arslan99
@arslan99 14 дней назад
@@mangkoeboemie hmmm you could try asynchronous await
@user-cl5vy8yh7x
@user-cl5vy8yh7x 18 дней назад
you are the Best. keep it up
@divyanshsingh1347
@divyanshsingh1347 20 дней назад
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 22 дня назад
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 Месяц назад
goated video fr, i tried doing this a while ago and was struggling but this worked like a charm thanks man !
@Dencell
@Dencell Месяц назад
Can you do this running expo go on a physical device?
@arslan99
@arslan99 Месяц назад
@@Dencell hmmm I am not you sure I've never tried
@chrishyde952
@chrishyde952 20 дней назад
Having trouble with this as well. doesn't seem to connect.
@arslan99
@arslan99 20 дней назад
@@chrishyde952 hmmm maybe do you have USB debugging enabled?
@Lorenzo01179
@Lorenzo01179 Месяц назад
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 Месяц назад
thank you
@NKardan
@NKardan Месяц назад
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 2 месяца назад
This is the old version, is there any new version?
@arslan99
@arslan99 2 месяца назад
I think I might've made a new one on my channel like Mantine V2 or somethin
@jameskarlapas1999
@jameskarlapas1999 2 месяца назад
Thanks man
@arslan99
@arslan99 2 месяца назад
Np
@jameskarlapas1999
@jameskarlapas1999 2 месяца назад
Thanks man
@bfrAliShettima
@bfrAliShettima 2 месяца назад
Nice tutorial
@arslan99
@arslan99 2 месяца назад
Ty
@ntchindagiscard3870
@ntchindagiscard3870 2 месяца назад
Can there be one with just reactjs ?
@user-wd6di6xi7m
@user-wd6di6xi7m 2 месяца назад
Thank you very much.. This is what I actually searching for.
@ignaciodipaolo8293
@ignaciodipaolo8293 2 месяца назад
thx man !
@KousseilaMd
@KousseilaMd 2 месяца назад
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
@ezhook7481
@ezhook7481 14 дней назад
It's working
@SulavNiroula-wg6gw
@SulavNiroula-wg6gw 2 месяца назад
If i have paginated data how to search the data that has not been loaded yet??
@monoq_
@monoq_ 3 месяца назад
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 3 месяца назад
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 4 месяца назад
how to make this background animation in react native?
@r4v1
@r4v1 4 месяца назад
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 4 месяца назад
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 4 месяца назад
What is the name of this song or background music
@ravi_verma31
@ravi_verma31 4 месяца назад
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 4 месяца назад
Nise job :D I lyk it :3 Haha, but your oldest video is actually awesome!
@Qwerty20121
@Qwerty20121 4 месяца назад
Kewl 😀👍🍦
@sreenivasreddykick4503
@sreenivasreddykick4503 4 месяца назад
do i need to replace store file path? in app build.gradle
@pruthvieditz-hl4ws
@pruthvieditz-hl4ws 4 месяца назад
How to get songs url link from online?????????
@coachmartinezj
@coachmartinezj 4 месяца назад
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 4 месяца назад
It could be because this video is quite old the API could've been updated lol
@ridgewada3807
@ridgewada3807 4 месяца назад
@@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 4 месяца назад
@@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 4 месяца назад
@@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 4 месяца назад
Thank you so much for this helpful video!
@arslan99
@arslan99 4 месяца назад
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.