Курс за обучение по Svelte

Въведение

Svelte.io срещу React срещу Vue.js

Преглед на Svelte функции и архитектура

Управление на състоянието на приложението без виртуална DOM разлика. Създаване на приложения без външни зависимости. Скорост на зареждане на Svelte приложение

Приготвяме се да започнем

Преглед на папките на проекта и файловата структура Просто приложение Hello World. Преглед на Svelte Синтаксис

Създаване на компонент

Писане на шаблон Добавяне на прости стилове Почистване на CSS правила

Стартиране на приложението

Изпълнение, проверка и актуализиране на кода Добавяне на условни условия и цикли

Добавяне на интерактивност към приложението

Създаване на потребителски формуляр Обработка на потребителско въвеждане Обвързване на UI елементи и предаване на данни Обработка на други събития

Добавяне на компоненти към приложението

Как комуникират компонентите Навигиране през различни компоненти чрез маршрутизиране

Управление на състоянието на приложението

Съхраняване на данни в компонента Съхраняване на данни на централно място Абониране за свойства

Извличане на данни от външни източници

Accessизвеждане на данни от API

Подобряване на използваемостта

Работа със стилове, препращащи към CSS елементи

Интегриране на Svelte код в съществуващ проект на React

Внедряване на код на ниво компонент с Svelte Функция за извикване от React приложение

Обобщение и заключение