Material UI Tutorial #11 - Card Components

Hey gang, in this Material UI tutorial we'll look at the Card component & make our own variant of it to match our design.

🐱‍💻 🐱‍💻 Course Files:

🐱‍👤🐱‍👤 JOIN THE GANG -

🐱‍💻 🐱‍💻 My Udemy Courses:

🐱‍💻 🐱‍💻 Useful playlists:

🐱‍💻 🐱‍💻 Other links:

🐱‍💻 🐱‍💻 Social Links:

[ilkrsrc]

you wouldn't believe how important ninja's lesson here, not just about material UI but he is also showing how to work with an API and databases a little bit. I just got my first React dev job but until this point, every company I interviewed with asked a case study about fetching API, doing CRUD operations etc.. Anyway, thanks for these golden free stuff

[heksaedr]

How it’s possible to be so productive like you, Shaun? That’s amazing ...

[amantiwari]

I'm following all the videos from material ui playlist and at this point, this is the best ever course ever of material-ui, I can say that

[vishsingh]

This was great. Adding and deleting notes to the json file cleared so many things up for me. Passing the delete handler was particularly useful.

[manavpatnaik]

I wanted to style my React apps better, so started this playlist. Now I am hooked on to this, really good work Shaun! Can't wait for the rest of the videos. Love from India!

[annac]

I love this series so much! can learn a bit about the usage of React hooks and Json server, which is pretty fun! Thank you!

[LucianoSoares]

Looking foward to next videos of this series. I'm loving it.

[rickpattson]

thanks a lot for your work! helped to completely prettify my react project within one day

[TheHasni]

Amazing tutorial. Ican't find words to say thank's

[laszloharsanyi]

You can refresh the page after the delete with window.location.reload() and you don't need to create 'fake' delete with filter.

[koordszz]

Hi Shaun. In your handleDelete function, was it necessary to to filter? can we just make notes a dependency in the existing useEffect? Thanks!

[sakthiprasathanbu]

Thank you very much NN, I'm eagerly waiting for this especially!

[bitasworld]

I'm really appreciated your amazing lessons, a quick question, is card component responsive as well?

[orensampson]

12:59: this way is not recommended. Instead, If the new state is computed using the previous state, you can pass a function to setState. The function will receive the previous value, and return an updated value. For example: setCount(prevCount => prevCount - 1)

[gururajmoger]

Waiting for responsive ui like gmail with drawer and custom theme.. pls make it by react mui😎👌.. thanks 🙏

[a.hannan_]

How to apply Link component to the card???

[tpankajkumar]

The content is Great, but I have a doubt, we should use === for comparison instead of ==?

[ihsannuruliman]

Shaun, we need a mern stack project from u! I've tried to search a good video tutorial on it but I can't... they don't explain as clearly as u.

[jakubkurdziel]

Idea for next tutorial: testing JS with jest

[tradewithdani]

spacing prop is not working for me, anyone has the same PB?