Dowiedz się, w jaki sposób używać MobX w świecie Reacta A.D. 2020

O MobX wspomniałem w jednym z poprzednich wpisów:

Można jednak użyć biblioteki MobX w nowocześniejszy sposób. MobX działa bardzo dobrze z hookami. Współpracuje również z aplikacjami CRA bez konieczności modyfikacji konfiguracji.

Spis treści

  1. Utworzenie aplikacji MobX i dodanie zależności
  2. Użycie MobX
    1. Utworzenie store z zawartością i wyświetlenie
    2. Computed properties
    3. Wszystkie elementy razem
    4. MobX – pełny przykład
  3. Mobx-react-lite
  4. Podsumowanie
Czytaj dalej „Dowiedz się, w jaki sposób używać MobX w świecie Reacta A.D. 2020”

Sprawdź, jak do walki z koronawirusem przekazać część mocy obliczeniowej swojego komputera

Zdjęcie autorstwa Binyamin Mellish z Pexels

Do tej pory, możliwość udzielenia mocy obliczeniowej swojego komputera kojarzyła mi się z badaniami kosmicznymi, poszukiwaniem nowych galaktyk itd. Generalnie, rzeczy abstrakcyjne i mało przydatne w codziennym życiu. Kilka dni temu natknąłem się na Facebooku na post z Reddita zachęcający, by udzielić mocy obliczeniowej na walkę z koronawirusem. Od kilku dni uczestniczę w projekcie i chciałbym zachęcić Was do tego samego.

Spis treści

  1. Projekt folding@home
    1. Start aplikacji
    2. GUI desktopowe
    3. GUI webowe
    4. Tożsamość w aplikacji
  2. Alternatywy dla Folding@home – Rosetta@home
  3. Dlaczego warto – i co dalej?
Czytaj dalej „Sprawdź, jak do walki z koronawirusem przekazać część mocy obliczeniowej swojego komputera”

Nie tylko Redux – poznaj 4 inne sposoby na zarządzanie stanem w React

Redux, jak i dedykowaną dla Reacta paczkę React Redux można uznać za najpopularniejsze w tym momencie rozwiązanie do kompleksowego zarządzania stanem w React.
Redux potrafi być pobrany ponad 900 tysięcy razy dziennie (za npm-stat), natomiast React Redux ponad 650 tysięcy razy. Nie jest jednak rozwiązaniem idealnym i ma pewne wady:

  1. Duża ilość powtarzalnego kodu, tzw boilerplate
  2. Stan jest globalny – można go modyfikować z wielu miejsc (z dowolnego miejsca można nadać akcję)
  3. Nieodpowiednio użyty może spowodować problemy wydajnościowe

Czy istnieją alternatywy? Tak. Nie tak popularne jak Redux, ale rozwiązujące niektóre problemy inaczej.


Alternatywy dla Reduxa

  1. React Context
  2. MobX
  3. MobX state tree
  4. Reusable
Czytaj dalej „Nie tylko Redux – poznaj 4 inne sposoby na zarządzanie stanem w React”