Svelte - Plan Szkolenia

Wprowadzenie

• Svelte.io vs React vs Vue.js

Przegląd funkcji i architektury Svelte

• Zarządzanie stanem aplikacji bez różnicowania wirtualnego DOM.
• Tworzenie aplikacji wolnych od zewnętrznych zależności.
• Szybkość ładowania aplikacji Svelte

Pierwsze kroki

• Przegląd folderów projektu i struktury plików
• Prosta aplikacja Hello World.
• Przegląd składni Svelte

Tworzenie komponentu

• Pisanie szablonu
• Dodawanie prostych stylów
• Czyszczenie reguł CSS

Uruchamianie aplikacji

• Uruchamianie, sprawdzanie i aktualizowanie kodu
• Dodawanie instrukcji warunkowych i pętli

Dodawanie interaktywności do aplikacji

• Tworzenie formularza użytkownika
• Przetwarzanie danych wejściowych użytkownika
• Wiązanie elementów interfejsu użytkownika i przekazywanie danych
• Obsługa innych zdarzeń

Dodawanie komponentów do aplikacji

• Jak komunikują się komponenty
• Poruszanie się po różnych komponentach za pomocą routingu

Zarządzanie stanem aplikacji

• Przechowywanie danych w komponencie
• Przechowywanie danych w centralnej lokalizacji
• Subskrybowanie właściwości

Pobieranie danych ze źródeł zewnętrznych

• Accesswprowadzanie danych z interfejsu API

Zwiększanie użyteczności

• Praca ze stylami
• Odwoływanie się do elementów CSS

Integracja kodu Svelte z istniejącym projektem React

• Wdrażanie kodu na poziomie komponentów za pomocą Svelte
• Wywoływanie funkcjonalności z poziomu aplikacji React

Podsumowanie i wnioski