Building Reactive Apps with Svelte and Tailwind
Learn to build reactive apps with Svelte and Tailwind. Explore syntax, lifecycle events, styling, custom components, and user management.
I’m Ferenc Almasi, a Hungarian-based front end developer with a passion for developing new interactive applications as well as designing them. I also love trying out new technologies and creating simple yet attractive things. When I'm not working as a front end developer, I am sharing all of the things I learn along the way, on webtips.dev, a site that is focused on everything related to front end development.
Join 3.1 million developers at
What You'll Learn
- Learn how to build reactive single-page applications using Svelte from scratch
- Familiarity with the basic syntax of Svelte, including templating, conditions, and event listeners
- Hands-on experience with building various customizable components and working with lifecycle events
- The ability to implement routing, sorting, filtering, modifying, or duplicating data sets in Svelte
- An understanding of how to utilize Tailwind to reduce the amount of CSS in your bundles
- Hands-on experience building a fully functional user management system from scratch using Svelte and Tailwind
Learning Roadmap
1.
Introduction
Introduction
2.
Getting Started with Svelte
Getting Started with Svelte
3.
Setting Up The Project
Setting Up The Project
3 Lessons
3 Lessons
4.
Building the List View
Building the List View
9 Lessons
9 Lessons
5.
Building the Details View
Building the Details View
7 Lessons
7 Lessons
6.
Export and Import Data
Export and Import Data
2 Lessons
2 Lessons
7.
Conclusion
Conclusion
2 Lessons
2 Lessons
8.
Appendix
Appendix
2 Lessons
2 Lessons
Ferenc Almasi
💻 Frontend dev with a passion for beautiful code • 🐦 Tweets webtips on twitter • ✍️ Writes on webtips.dev
Trusted by 3.1 million developers working at companies
Anthony Walker
@_webarchitect_
Evan Dunbar
ML Engineer
Software Developer
Carlos Matias La Borde
Souvik Kundu
Front-end Developer
Vinay Krishnaiah
Software Developer
Built for 10x Developers












Free Resources