The Building Blocks of Svelte Components
Svelte is built up from components, just like React, Angular, or Vue. The difference from them is that in Svelte, you have everything in one place; your logic, the styles, and your markup as well. The structure of a Svelte component looks like the following:
Copied to clipboard!
// The building blocks of a svelte app are components
// They are made up of three parts, all optional β¬οΈ
<script>
// Your script
</script>
<style>
/* your CSS */
</style>
<!-- Your HTML markup -->
These components are written into .svelte
files and all three sections are optional.
Resources:
π More Webtips
Master the Art of Frontend
- Access 100+ interactive lessons
- Unlimited access to hundreds of tutorials
- Prepare for technical interviews