Svelte Training Course

Introduction

• Svelte.io vs React vs Vue.js

Overview of Svelte Features and Architecture

• Managing application state without virtual DOM diffing.
• Creating applications free from external dependencies.
• Loading speed of a Svelte application

Getting Started

• Overview of project folders and file structure
• A simple a Hello World app.
• Overview of Svelte Syntax

Creating a Component

• Writing a template
• Adding simple styles
• Cleaning up the CSS rules

Running the Application

• Running, checking, and updating the code
• Adding conditionals and loops

Adding Interactivity to the App

• Creating a user form
• Processing user input
• Binding UI elements and passing data
• Handling other events

Adding Components to the Application

• How components communicate
• Navigating through different components through routing

Managing Application State

• Storing data in the component
• Storing data in a central location
• Subscribing to properties

Fetching Data from External Sources

• Accessing data from an API

Enhancing Usability

• Working with Styles
• Referencing CSS elements

Integrating Svelte Code into an Existing React Project

• Deploying component level code with Svelte
• Calling functionality from within a React Application

Summary and Conclusion