CSS Typewriter effect

Free sites for hosting:

🌐 Netlify
🌟 Vercel
💻 Render
🏢 GitHub Pages
🚀 Surge
🔧 GitLab Pages
🔥 Firebase Hosting
👥 Bitbucket
🤏 Tiiny host
🚀 AWS Amplify
🏰 Neocities
☁️ Cloudflare Pages
🌥️ Gatsby Cloud
📃 Carrd
💾 Freehosting
🌎 InfinityFree
💻 000webhost
🏆 Awardspace

What are Props?

• Short for “properties”.
• Allow data to be passed between components.
• Similar to arguments in a function.

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.