Skeleton Loading Components with Animation | React & CSS Examples

[@ajaynegiii]

Your tutorials are amazing and actually understandable to beginners.
Thank you.

[@DaveGrayTeachesCode]

You're very welcome!

[@iAmTheWagon]

Dave keeps bringing the bangers!

[@DaveGrayTeachesCode]

Right on! 💯

[@siddiqahmed3274]

There is always great learning from your lesson sir. This is really better than spinner and even that loading text ❤️

[@DaveGrayTeachesCode]

Thank you!

[@devkumar9889]

This course is underrated , its better than paid courses

[@DaveGrayTeachesCode]

Thank you!

[@MrFlakgorilla]

Can't wait to do it (and struggle, like a lot and still get it done) in angular after understanding it in react.

[@idunexist]

thank you, the almighty "Gandave the Gray"

[@wplearnonline628]

Oh my God Dave!. Just when I was enjoying your swr video, I get to see this too.
Your channel is so valuable, I do hop you get more subscribers!

[@DaveGrayTeachesCode]

Thanks again! 💯

[@ogt1407gabriel]

great video cant wait to try it out😁

[@DaveGrayTeachesCode]

Thank you!

[@sakibcoder]

great tutorial, I was looking for this type loader

[@DaveGrayTeachesCode]

Glad I could help!

[@yasirghouri823]

I love your videos. You videos really help me become a better developer. I have a request to please record and upload advanced typescript concepts playlist

[@DaveGrayTeachesCode]

Thank you and thank you for the request! 💯

[@khalilbenmeziane8836]

thank you dave keep going

[@DaveGrayTeachesCode]

Thanks, will do!

[@TravinskiyVladislav]

Thank you, Dave

[@DaveGrayTeachesCode]

You're welcome!

[@mohdjuber8719]

Love you content ❤️❤️

[@DaveGrayTeachesCode]

Thank you!

[@dojcinovic651]

Great video, thank you 😊

[@DaveGrayTeachesCode]

You're welcome!

[@zaidclsn6208]

Interview related topics will be good.

[@DaveGrayTeachesCode]

Thanks for the request!

[@mmad_toghrol6229]

Amazing

[@bugraotken]

Thank you Dave! At Nav.jsx, maybe you should better add disabled prop to titleValue option at line 26 to prevent selection of "Employees" placeholder option. And maybe you could unshift it at line 27, not push.
const titleValue = Employees
options.unshift(titleValue)
As usual a great tutorial

[@DaveGrayTeachesCode]

Nice additions if you prefer. 💯

[@Pareshbpatel]

Loading Skeletons, beautifully explained. Thanks, Dave.
{2023-01-20}

[@DaveGrayTeachesCode]

You're welcome!

[@yashgupta-rs9ro]

Hey, love your videos. I have been learning a lot from your videos. Thanks for making actually. One Request, Can you create 2 branches, 1 contains code without implementation just the boilerplate and 2 one is implemented one.

[@DaveGrayTeachesCode]

Thank you! The first branch would basically be a new project like we would create with Vite or previously CRA?

[@yashgupta-rs9ro]

@@DaveGrayTeachesCode Not exactly the boilerplate, but the codebase that is before the actual implementation.
Like in this video, you have create skeletons folder and add changes in add. So, the first branch would be the code that is before the skeleton folder.
So, that we can code along with you.

[@ousssika5359]

hey man nice work as usual, can you do a next tutorial for beginner to advanced like the mern tutorial that you did, it will be great, you are our savior

[@DaveGrayTeachesCode]

Thank you! And thank you for the request!

[@7doors847]

🔥! This is killer Dave! 💀
( bad joke, i know 😂)

[@DaveGrayTeachesCode]

😆 but funny! 💯

[@DanielClipsTVS]

At this point i think youtube is listening to me. This is what i literally came to youtube for today. And your video was recommended. Wtf

[@DaveGrayTeachesCode]

Nice!

[@travisriegler7096]

Hi Dave, this is wonderful, exactly what I was looking for. Do you by chance offer paid tutoring services?

[@DaveGrayTeachesCode]

Thank you and glad to hear it! I do not offer tutoring services right now. If I get closer to becoming a full-time content creator, I will be offering mentoring / tutoring at some point. Sign up here to stay updated: courses.davegray.codes/

[@waleedsharif618]

You seem to be using vite on client, any difference between that and nextjs on client side ?

[@DaveGrayTeachesCode]

Yes. I'll be getting into Next.js tutorials soon

[@waleedsharif618]

@@DaveGrayTeachesCode can we use nextjs JUST on client side ? Without using server side rendering ? I want to replace creat react app with it if there isnt any downside

[@heartfilterer9863]

Did you used any third-party library for skeleton loading please reply

[@DaveGrayTeachesCode]

It is not necessary. Watch the video, check the bookmarks, look at the description 🙂

[@rayhanislam7518]

Bro. Why you use extra render method? Like a function? Few days ago I saw a thing this things are not inspectable from profiler.

[@DaveGrayTeachesCode]

Please provide a reference for what you saw a few days ago and a timestamp for the part of the video you have a question about so I can use the same information and answer accurately.

[@mhdfirassbarakat6587]

on the github link there is the final code not the starter code !!!!
am I missing something here ?

[@piusgabula]

I don't understand that code at line 4 9:19 someone explain it to me

[@DaveGrayTeachesCode]

I create a template literal string and store it in the variable classNames. You can learn about template literal strings here: developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals

[@piusgabula]

@@DaveGrayTeachesCode thank you.

[@PrashantSingh-ug6tv]

Is this called Simmer UI?

[@DaveGrayTeachesCode]

No. Check out the video.

[@hyakimaru8614]

Request = React Upload File image

[@DaveGrayTeachesCode]

Great request!

[@the360man7]

First comment!