Miesiąc: maj 2022

Podnieś robienie zdjęć na Web na wyższy poziom z MediaTrackConstraints!

Spis treści

  1. Wprowadzenie
  2. Zastosowanie MediaTrackConstraints w robieniu zdjęć
  3. Kod przykładu na Github
  4. Działający przykład na Github Pages
  5. Podsumowanie

Wprowadzenie

Dzięki opisywanemu już tu przeze mnie Image Capture API można za pomocą JS robić zdjęcia za pośrednictwem kamery/aparatu:

Sprawdź jak dzięki ImageCapture zrobisz zdjęcie prościej w swojej aplikacji

Możesz jednak podnieść poziom robionych zdjęć za pomocą MediaTrackConstraints dla robienia zdjęć.

Przeczytaj ten artykuł by zobaczyć, jak regulować takie wartości jak jasność czy nasycenie zdjęcia. Dowiesz się też, jak włączyć lampę w aparacie telefonu by zawsze mieć dobre oświetlenie 🙂 Zapraszam do czytania!

Czytaj dalej „Podnieś robienie zdjęć na Web na wyższy poziom z MediaTrackConstraints!”

Nie przekazuj obiektów jako props w Redux – sprawdź czemu!

Spis treści

  1. Wprowadzenie
  2. Eksperymenty implementacyjne
    1. Zwykły useSelector
    2. Zwykły useSelector + memo na komponencie
    3. Zwykły connect
    4. Connect z memo
    5. useSelector z shallowEqual
    6. useSelector pobierający proste wartości
    7. Connect pobierający proste wartości
    8. Connect z mapStateToProps który zwraca tylko jeden obiekt
  3. Kod przykładów na Github
  4. Działający przykład na Github Pages
  5. Podsumowanie

Wprowadzenie

Kwestie wydajności to jedna z tych rzeczy, którą w Redux popsuć niełatwo. Często jednak wiele mikroproblemów potrafi spiętrzyć się w jeden duży kłopot – aplikacja z każdą nową funkcjonalnością działa coraz wolniej a my, deweloperzy jak i testerzy, nie widzimy problemu na naszych ponadprzeciętnie szybkich urządzeniach. Aż z problemem wydajności aplikacji zgłasza się klient, i wtedy następuje paniczne poszukiwanie źródła problemu, gdzie często zamiast jednego dużego jest kilka mniejszych źródeł.

W tym artykule spojrzymy na wydajność pod kątem liczby i powodów rerenderów w aplikacji używającej Reduxa gdy używamy obiektów- ułatwień od twórców biblioteki, dobrych praktyk i potencjalnych nieoczywistych pułapek.

Zapraszam do czytania 🙂

Czytaj dalej „Nie przekazuj obiektów jako props w Redux – sprawdź czemu!”