Tutoriale

Kompletna improwizacja z mojej strony. Alternatywne podejście do kroków 2/3, plus porównanie dwóch rozwiązań. Uwaga: nie jestem frontendowcem, miałem w tym kilka lat przerwy. To, co pokazuję, może już być przestarzałe. Oglądasz/korzystasz na własną odpowiedzialność.

Jak zrobić aplikację frontendową w Preact, krok po kroku. Od statycznego HTMLa, po dynamiczną aplikację. Uwaga: nie jestem frontendowcem, miałem w tym kilka lat przerwy. To, co pokazuję, może już być przestarzałe. Oglądasz/korzystasz na własną odpowiedzialność.

Jak zrobić aplikację frontendową w Preact, krok po kroku. Od statycznego HTMLa, po dynamiczną aplikację. Uwaga: nie jestem frontendowcem, miałem w tym kilka lat przerwy. To, co pokazuję, może już być przestarzałe. Oglądasz/korzystasz na własną odpowiedzialność.

Jak zrobić aplikację frontendową w Preact, krok po kroku. Od statycznego HTMLa, po dynamiczną aplikację. Uwaga: nie jestem frontendowcem, miałem w tym kilka lat przerwy. To, co pokazuję, może już być przestarzałe. Oglądasz/korzystasz na własną odpowiedzialność.

Jak zrobić aplikację frontendową w Preact, krok po kroku. Od statycznego HTMLa, po dynamiczną aplikację. Uwaga: nie jestem frontendowcem, miałem w tym kilka lat przerwy. To, co pokazuję, może już być przestarzałe. Oglądasz/korzystasz na własną odpowiedzialność.

Tworzymy komponent dla przycisku, a przy okazji uczymy się, jak przerabiać kod HTML z frameworku CSS na takie komponenty.

O tym, dlaczego warto używać frameworków CSS, jakie frameworki można wybierać i jak je wdrożyć w naszym clickerze.

Uzupełniam to, co zostało ucięte w pierwszym filmie: inicjalizacja projektu, instalacja bibliotek i uzyskanie działającego hello, world.

Wdrażamy JSDOM do testów DOM naszej aplikacji.

Oddzielamy model od aplikacji i dodajemy do tego testy jednostkowe.

Przerabiamy Hello, world na clickera. Czyli wprowadzamy model, kontroler i widok.

Postawienie środowiska Node.js do pracy z Preact i rollup.