Custom Hooks in React
24:20
2 жыл бұрын
Debugging Inside VS Code
17:34
2 жыл бұрын
Building a Circle Graph with SVGs
14:27
Animating a Custom Hamburger Menu
16:25
How to create and use an SVG Sprite
18:29
How to Use SVGs with Base64
6:25
3 жыл бұрын
SVGs in CSS
6:24
3 жыл бұрын
Getting Started with SVGs
13:15
3 жыл бұрын
CSS Toggle Switch
12:34
3 жыл бұрын
Code Coverage
4:43
3 жыл бұрын
Testing React Components
33:51
3 жыл бұрын
Javascript Unit Testing
9:25
3 жыл бұрын
Пікірлер
@stefanofattori89
@stefanofattori89 6 күн бұрын
and with <link rel="preload"> ? it works?
@arkapravabhattacharya3118
@arkapravabhattacharya3118 Ай бұрын
Hi, I have a client requirement to implement code coverage in Playwright for my e2e tcs. Can I please get some help on that front?
@MujahidMohd-cn7rb
@MujahidMohd-cn7rb Ай бұрын
@SelfTeachMe how to manage code coverage if source code and tests are in different repo
@koehler732
@koehler732 Ай бұрын
I thought for sure this would end with utilizing the storybook icon gallery.
@user-pb1yu4pw4i
@user-pb1yu4pw4i Ай бұрын
Thanks a lot Amy 🤩
@lemmiix
@lemmiix Ай бұрын
3:30 damn KZbin has hardwired my brain to immediately grab my mouse and skip 1-3 minutes in a video whenever the creator says "but first, lets talk about..." xd I was so ready to skip the sponsor block
@st.deykun
@st.deykun Ай бұрын
Ultimate React icon component without lazy loading and returning a div when an unknown name is passed.
@ShinyBudew
@ShinyBudew Ай бұрын
what do i do if i want the svg to animate dynamically?
@maxparelius
@maxparelius 2 ай бұрын
These are really great, thanks for the effort that went in! Hope to see more!
@mobyashouri112
@mobyashouri112 2 ай бұрын
I really appreciate this video
@cesarmillan2361
@cesarmillan2361 2 ай бұрын
Please continue this serie ❤️😎 I love you videos.
@kadirfuzaylov5555
@kadirfuzaylov5555 2 ай бұрын
It helped a lot. Thank you!
@oviirup
@oviirup 2 ай бұрын
hey Amy! I love working with svg sprite. Since watching your tutorial I've never used any other method for using icons in big projects. But one little bit issue with svg sprite is that it does not preload with the initial html. So, if the list of icons is huge in a slow connection there is a delay before the icons are shown. I've tried link:preload with all possible combinations of attribute, but svg is not preloaded anyways. Though it is a very minor issue, can you suggest any other solution for preloading the icons?
@JurassicGecko
@JurassicGecko 2 ай бұрын
yep - I'm in love. Subscribed.
@benarlanda373
@benarlanda373 3 ай бұрын
Love this video. Is it possible to add multiple players to different audio files on one main page?
@nikkisolanki4273
@nikkisolanki4273 3 ай бұрын
Please Reduce the bg music, tutorial is good
@cassieselin983
@cassieselin983 3 ай бұрын
Excellent explanation, thanks!
@friedrichsiever5964
@friedrichsiever5964 3 ай бұрын
Wonderful done. Thanks a million!
@amrutaparab4939
@amrutaparab4939 3 ай бұрын
Nice video. Is it possible to reverse this wave? like i want the image to be at the bottom (in the white part) and I want the part where the image is currently, to be white. Any help appreciated.
@thewebspatialist
@thewebspatialist 3 ай бұрын
You just make it all seem too easy...thank you
@vairamuthuvairam9552
@vairamuthuvairam9552 3 ай бұрын
Dear madam. I Expteted that multiple tabs create dynamically in react js in One Application
@ThaRealIansanity
@ThaRealIansanity 3 ай бұрын
I learned of group in another tutorial but didn't know about naming. Thanks
@dagermohamed
@dagermohamed 3 ай бұрын
Your explanation is very clear + your storytelling is good, you are my fav tutor now!
@Emrys_Gough
@Emrys_Gough 4 ай бұрын
I'm going through your tutorial, and I have to thank you for you putting this together. I have some programming experience coming from firmware and embedded dev space, but I don't have experience in web dev beyond college. So again, thank you for putting this series together.
@mehrdadkhorasani6009
@mehrdadkhorasani6009 4 ай бұрын
Perfection 🔥🔥
@godstrumpgeorge
@godstrumpgeorge 4 ай бұрын
Can I do something like this in Angular?
@godstrumpgeorge
@godstrumpgeorge 4 ай бұрын
Can you also list your extensions? I noticed the loader when you were running a test and consequently, a check icon when it was done and successful
@GLawSomnia
@GLawSomnia 4 ай бұрын
You are a life saver!
@kenjonespizza
@kenjonespizza 4 ай бұрын
Amy!!!
@bradleymarshall9334
@bradleymarshall9334 4 ай бұрын
'promosm' 😑
@gracemorganmaxwell
@gracemorganmaxwell 4 ай бұрын
Hey Amy, do you think you might finish off the *Rotten Reviews RedwoodJS tutorial via your channel here maybe? *I could have the name of the project wrong, it's been a hot minute. Love all the recent stuff you've put out. Thank you for all your hard work 🙌🤩💫💻🦸‍♀
@SelfTeachMe
@SelfTeachMe 4 ай бұрын
I would love to, but ... I left ZEAL and made all the content while I was on the clock with them, which makes rights tricky. 😞
@ThaRealIansanity
@ThaRealIansanity 4 ай бұрын
Wow I learned so much from this one video. I worked along but in a Next JS project. I love how you explained every step so I learned about SVG's and Node JS at the same time. I didn't want to get into yet another framework but your teaching is so good, I'll have to start at the beginning and learn about Redwood JS too :-) Thanks!
@SelfTeachMe
@SelfTeachMe 4 ай бұрын
YEAHH! Love hearing that! ... Redwood has some really awesome features on the roadmap, including React Server Components 🤩
@vinassefranche
@vinassefranche 4 ай бұрын
Very clean! Thanks!
@mustafa.wael-dev
@mustafa.wael-dev 4 ай бұрын
Awesome, that is what I'm searching for 🤩
@SelfTeachMe
@SelfTeachMe 4 ай бұрын
Glad you found it heplful!
@mehrdadkhorasani6009
@mehrdadkhorasani6009 4 ай бұрын
This video saved my life. Thank you so much.
@SelfTeachMe
@SelfTeachMe 4 ай бұрын
Glad it helped! ... did you see the video I just released on using SVG Sprites with React? The video is long, but we write a script to generate the SVG Sprite for you. 🤩
@QueenRaae
@QueenRaae 4 ай бұрын
Awesome Amy, automation 🤩
@SelfTeachMe
@SelfTeachMe 4 ай бұрын
Thank you! 😁 ... I always love I can take a file from project to project. Next step: I think @bradgarropy has his own npm package he installs everywhere.
@muhammadzubairshafique1037
@muhammadzubairshafique1037 4 ай бұрын
Hey! It's great video especially for me, 'cause I am currently working on my FYP, and I need this type of toggle button very very much. Excellent and just wonderful.
@SelfTeachMe
@SelfTeachMe 4 ай бұрын
Awesome!! So glad you found it helpful!
@raiffemouraa
@raiffemouraa 5 ай бұрын
woow, I loved the way you explain everything! I´m a new dev from brasil, a huge thanks!
@SelfTeachMe
@SelfTeachMe 4 ай бұрын
Yeahh! So glad you found it helpful!
@evstafyevandrew2198
@evstafyevandrew2198 5 ай бұрын
Спасибо тебе, солнышко, большое!!!
@SelfTeachMe
@SelfTeachMe 4 ай бұрын
You're welcome!
@clevermissfox
@clevermissfox 5 ай бұрын
Putting the label around the whole menu item and not just the hamburger menu /MENU text confuses me. Won’t that trigger the checkbox if you click on one of the menu links eg About?
@SelfTeachMe
@SelfTeachMe 4 ай бұрын
That's a good question ... I *think* it has to do with how click events bubble. ... TBH, this video was recorded ~3 years ago ... I think there are probably more efficient ways to do this now using the :has selector. Are you familiar?
@clevermissfox
@clevermissfox 4 ай бұрын
@@SelfTeachMe it's one oh my FAVOURITE. I got so excited the day Firefox got on board!!! Now I'm waiting for then to get on board with lineargradient(in oklab, oklch(33% 0.3 350.... ). Just won't show the grade if it has the "in oklab" keywords
@andrewdisher2086
@andrewdisher2086 5 ай бұрын
This was a fantastic tutorial, especially for someone like me who is learning these types of web dev concepts while coming from the field of math and statistics and data. I use the R Shiny framework to create data dashboards, and I've been learning CSS, JS, and HTML to try and spruce my dashboards up. Learning about sprite maps from you was great and I really appreciate the video and all of the tools you showed how to use.
@SelfTeachMe
@SelfTeachMe 4 ай бұрын
This is so great to hear ... (shameless plug) you may enjoy the video that I **JUST** released: kzbin.info/www/bejne/Z16qm5iZaZ2hgNU It shows how to dynamically generate an SVG sprite within a React project.
@mohamedibrahemsaad573
@mohamedibrahemsaad573 5 ай бұрын
the sound is so far away
@SelfTeachMe
@SelfTeachMe 4 ай бұрын
Sorry about that ... I've updated my setup since this video was recorded so hopefully you're not having the same problem in newer videos.
@arctic_shark
@arctic_shark 5 ай бұрын
your thumbnail it just looks viciously terrifying.
@SelfTeachMe
@SelfTeachMe 4 ай бұрын
😂 ... this is actually one of my favorite thumbnails.
@wittespiegel1212
@wittespiegel1212 5 ай бұрын
excuse me, you made a very fascinating and helpful tutorial, but could you help me with this minor bug? Everything works greatly but the progress bar is glitched. When I first play the audio, it doesn't appear. It just appears only when I double click on the play button. Is that the problem of the animation?
@SelfTeachMe
@SelfTeachMe 4 ай бұрын
I'd need a little more context to be able to troubleshoot. Do you have your code posted somewhere so I can look at it in context?
@joshDotJS
@joshDotJS 6 ай бұрын
Once again, Amy dropping another banger! Your hard work is immensely appreciated!!!
@SelfTeachMe
@SelfTeachMe 6 ай бұрын
I love these comments 😂 Keep them coming! 😊
@sayedulkrm
@sayedulkrm 6 ай бұрын
Am a Mern Stack developer If you need help let me know
@SelfTeachMe
@SelfTeachMe 6 ай бұрын
Thanks
@civilization_tfgonz
@civilization_tfgonz 6 ай бұрын
You deserved so much more views!!
@SelfTeachMe
@SelfTeachMe 6 ай бұрын
Thanks! ... We'll get there 😊
@nuxbot919
@nuxbot919 6 ай бұрын
When I discovered your channel I told you that I hope you'd never stop making videos and you stop for a year 😂. Glad I kept this channel around, you are awesome 😊
@SelfTeachMe
@SelfTeachMe 6 ай бұрын
Glad you stuck around too! ... and so glad to be back 😊
@joshDotJS
@joshDotJS 6 ай бұрын
this series is TOO GOOD!!!!!
@SelfTeachMe
@SelfTeachMe 6 ай бұрын
Thanks! So glad you're enjoying it!
@joshDotJS
@joshDotJS 6 ай бұрын
Redwood + Tailwind for the win!!!!
@SelfTeachMe
@SelfTeachMe 6 ай бұрын
Totally agree on the RW + Tailwind combo! 💪
@joshDotJS
@joshDotJS 6 ай бұрын
another masterpiece! Keep the redwood.js tuts coming!!!