Real Life Example:

• Ordering a custom-made cake.
• Cake details (flavor, icing, etc.) = Props.

Basic Usage:

Multiple Props:

Functions as Props:

• Can pass actions/functions as props.

Destructuring Props:

• Cleaner syntax by destructuring.

PropTypes:

• Ensure props data matches expectations.

Default Props:

• Set default values for props.

JavaScript Tip💡

You can use Object.freeze() method to prevent any changes to an object, including adding, modifying or deleting properties.

CSS Box Model 🔥

The CSS box model describes how elements are displayed and sized. It is useful to customize the design and layout of elements of web pages.

It contains the following properties👇

🎯content: this includes text, images, or other HTML elements.
🎯padding: this is the space between an element’s content and its border.
🎯border: this is a line that surrounds the padding and content of an element.
🎯margin: this is the space between an element’s border and its neighbouring elements.

Quick HTML Tags Cheat Sheet!

🚀TOP 8 resources to supercharge your interview preparation:

1⃣interviewing.io
2⃣pramp.com
3⃣meetapro.com
4⃣gainlo.co
5⃣onsites.fyi
6⃣bigfrontend.dev
7⃣interviewguide.dev
8⃣interviewcake.com

16 CSS frameworks and libraries you can try:

⚒️ Tailwind CSS
🌀 Materialize
🎈 Bulma
😎 Primer
🏠 Foundation
🔩 UIkit
💻 Vanilla Framework
🔥 Blaze UI
📚 Pico.css
🌈 Fomantic-UI
🦋 PatternFly
🌟 Bootstrap
📄 Carbon Components
☁️ Cirrus
🍦 Material Components Web
🌌 HiQ