Frontend Development Beyond React: Svelte (1/3)

Delving into Svelte, Solid, and Qwik

Woman developer (like me) (Image licensed to the author)

Introduction

This article is part of a series that I will focus on studying frontend development outside of React. The series of studies starts with Svelte.

This article will serve as a reference summarizing the important points about Svelte both theoretically and practically.

As a React developer, I have tried to find the equivalent of features that have proven effective, such as windowing technique, lazy loading of components and routes, asynchronous loading of data and images, and dynamic loading of local resources.

I will share with you all that I have learned through my study.

I hope you find this article helpful and that it will help you effortlessly begin with Svelte.

The menu I suggest is:
· Core Concepts Guide
∘ Main features
∘ Life cycle
· Practical Guide
∘ Project structure
∘ Reusing styles
∘ Calling child and passing data
∘ Http Requests
∘ Component States
∘ Conditional Rendering
∘ Lists
∘ Reactive Statements
∘ Reactive State “Store”
∘ Navigation
∘ Transitions and Animations
· Optimization Guide
∘ Handling large data sources
∘ Handling of large applications
∘ Image lazy loading
∘ Loading local files asynchronously
· Ecosystem Guide
∘ Development Kits
∘ Devtools
∘ UI libraries
∘ Application testing
∘ Documentation
· Summary
· Conclusion

If you are motivated to follow me, fasten your belts. We will start immediately! 🚀

Core Concepts Guide