[Skona27]

Cześć!
Wrzucam link do kursu na Udemy (mój pierwszy) na temat maszyn stanowych w aplikacjach React z wykorzystaniem paczki XState.
Link do kursu: https://www.udemy.com/course/introduction-to-state-machines-with-xstate-and-react/

Dla zainteresowanych - na priv mogę podesłać kody zniżkowe :)
Pozdro i wesołych świąt!

#javascript #react #webdev #frontend #xstate #programowanie

[rimyi]

@Skona27: po ile bedzie na promocjach? ( ͡° ͜ʖ ͡°)

[Skona27]

@rimyi: Najniższa możliwa cena, czyli 10 dolców ;)

[markaron]

@Skona27: Da się na tym zarobić? Jak to wygląda finansowo porównując z uruchomieniem kursu "na własną rękę" i oferowaniu go przez swoją stronę www?

[Skona27]

@markaron: Ogólnie jeśli chodzi o podział zysków pomiędzy instruktorem, a Udemy to podział ten zależy od tego z jakiego źródła ktoś kupił ten kurs. Jeśli ktoś kupi kurs znajdując go samodzielnie na Udemy, to podział kasy jest 50-50. Jeśli ktoś kupi kurs ze specjlanego ref-linku, to instruktor dostaje aż 97% kasy. Są jeszcze inne opcje zakupu, że np. Udemy będzie wykorzystywało jakiś kurs do swoich kampani albo reklam, ale wtedy

[markaron]

@Skona27: Dzięki za info. Co do kursów na własną rękę to obserwuję ten trend od pewnego czasu na różnych blogach dla programistów (celowo nie wymieniam, żeby nie robić promocji :P ) i tak się zastanawiałem co wychodzi korzystniej.

Jeśli chodzi o nabijanie subskrybentów to algorytm jest mega prosty: załóż bloga, publikuj regularnie, po osiągnięciu odpowiedniej widoczności wrzuć link do rejestracji na "darmowe" materiały, żeby zrobić sobie bazę mailingową, następnie wrzuć

[Skona27]

@markaron: Tak z ciekawości, podsyłam :)

https://blog.jskoneczny.pl/materialy

[AntyKuc]

@Skona27: XState? Brzmi jak kolejne barachło do zarządzania stanem, defakto nie robiące żadnej różnicy w porównaniu z reduxem czy mobixem.

[Skona27]

@AntyKuc: Nie do końca, XState i maszyny stanowe to trochę więcej niż samo zarządzanie stanem.

Maszyny stanowe umożliwiają w prosty sposób rozpisać logikę działania aplikacji w formie podobnej do grafu :)
Wyobraź sobie diagram na którym masz bloczki i linie - z bloczku X możesz przejść tylko do tych bloczków z którymi masz połączenia. Zastosowanie takiego podejścia przy tworzeniu aplikacji gwarantuje, że Twoja aplikacja nigdy nie znajdzie się w jakimś stanie, którego nie określiłeś/umożliwiłeś przejścia. Logika biznesowa zapisana w ten sposób jest mniej podatna na jakiejś nieprzewidziane zachowania.

Korzystając z maszyn stanowych w React nie potrzebujesz Reduxa, Contextu ani lokalnego State'u do zarządzania stanem - wszystko można wrzucić w maszynę. Pobieranie danych z serwera do komponentów? W maszynie stanowej, gdzie możesz elegancko obsłużyć błąd. Logika jakiegoś skomplikowanego i wielo-krokowego komponentu? Do maszyny

[AntyKuc]

@Skona27:

Pobieranie danych z serwera do komponentów?

Trzymam wszystko w cache react-swr albo react query

Logika jakiegoś skomplikowanego i wielo-krokowego komponentu? Do maszyny

[Skona27]

@AntyKuc: Nie zamierzam Cię do niczego na siłę przekonywać :) .Po prostu XState to potężne narzędzie, które moim zdaniem warto znać, żeby w przyszłości móc świadomie podjąć decyzję, czy umieszczenie logiki w hooku będzie wystarczające, czy też lepiej wykorzystać do tego maszynę stanową.

Wrzucam zdjęcie, do jakich potężnych wizualizacji jest zdolny XState - to wszystko jest generowane z kodu, z maszyny stanowej. Wyobraź sobie, że Twój PM przychodzi i chce