Miesiąc: wrzesień 2022

Spis treści

1. Wprowadzenie
2. File System Access API
   1. Krótkie wtrącenie o Origin Private File System
   2. Stworzenie prostej przeglądarki plików tekstowych
      1. Założenia
      2. Implementacja
3. Działająca aplikacja na Github Pages
4. Pełen kod aplikacji na Github
5. Podsumowanie

Wprowadzenie

Ukazał się już na portalu post o File System Access API:

Obsługuj pliki lepiej dzięki File System Access Api

I w momencie pisania tamtego artykułu wydawało się, że zostanie ono raczej tylko ciekawostką zaimplementowaną tylko w Chrome.

W lutym 2022 tego roku okazało się, że ekosystem Apple również dostanie to API i będzie w nim wspierane. W mocno ograniczonej formie, jako Origin Private File System – ale jednak.

Warto więc odświeżyć temat, pokazując jak napisać mega uproszczoną przeglądarkę plików, która pozwoli otworzyć folder oraz wyświetlić zagnieżdżone w nim foldery oraz pliki.

Zapraszam do czytania 🙂

Czytaj dalej „Przeglądaj pliki na dysku z poziomu Web z File System Access API”

Spis treści

1. Wprowadzenie
2. Implementacja
   1. Liczenie rerenderów komponentu
   2. Podejście standardowe
   3. Podejście z przeniesieniem tworzenia obiektu
3. Działająca aplikacja na Github Pages
4. Pełen kod aplikacji na Github
5. Podsumowanie

Wprowadzenie

W jednym z poprzednich wpisów:

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

Pisałem o tym, dlaczego należy uważać na przekazywanie obiektów jako propsy – najlepszym wtedy rozwiązaniem wydawało mi się przekazywanie typów prostych które są odporne na problemy z referencjami.

Szczególnie łatwo wpaść w kłopoty używając funkcji connect, czyli sprzed pojawienia się hooków – ale nadal używanej w wielu projektach.

Nie da się jednak ukryć że nie jest to najpraktyczniejsze rozwiązanie i przekazanie obiektu jest często czytelniejsze. Jak więc pogodzić obie zalety – wygodę obiektów i dobrą wydajność?

Kluczowe jest miejsce tworzenia obiektów, już po użyciu funkcji connect – co opiszę w tym wpisie 🙂

Czytaj dalej „Twórz obiekty i tablice ostrożnie pracując z React Redux i connect!”