How to Use Props in Svelte

Props, or properties, in Svelte are used to pass data from parent components to child components. Props allow you to customize child components and make them dynamic. By making child components dynamic, they become more flexible and customizable. In this Svelte tutorial, I show you how to pass props with static values, dynamic values, as well as how to spread props when passing multiple values. Created by Gregg Fine. #svelte #webdevelopment #webdev #sveltekit #javascript 🎓 The Code Creative Store: Courses and Free Tutorials! https://store.thecodecreative.com 🔴Subscribe for more free Code Creative videos: :    / @thecodecreative   👭Join The Code Creative Community on Facebook:   / thecodecreative   🌐 The Code Creative Official Website https://www.thecodecreative.com/ 🎓 The Code Creative Courses https://www.thecodecreative.com/courses ▬ Contents of this video ▬▬▬▬▬▬▬▬▬▬ 00:00 Intro 00:13 Creating a developer portfolio with basic HTML 01:40 Creating a developer portfolio using Svelte components 02:50 Looping through an array of projects using an Each block 03:50 Passing in props from a parent component to a child component 05:00 Using the export keyword 06:20 Passing props to components with custom attributes 06:35 Props with static values 06:50 Props with dynamic values 08:00 Spreading props 08:44 Default values ▬About The Code Creative ▬▬▬▬▬▬▬▬▬▬▬▬ The Code Creative helps web developers learn the fundamentals of programming, algorithms, as well as the latest frameworks and libraries. You can expect web development content that is fun, clear and concise, and keeps you engaged with visuals and a touch of humor. ▬Social Media ▬▬▬▬▬▬▬▬▬▬ ▸ Twitter - @GreggFine ▸ Instagram - /greggfinedev ▸ Facebook -   / thecodecreative   ✅ Recommended related videos: Debouncing Explained    • Debouncing Explained | JavaScript   Memoization Explained    • JavaScript Memoization Made Simple!   Sorting in JavaScript Explained    • JavaScript Comparator Function | Sorting E...   ✅ For business inquiries contact me at [email protected]