Skocz do treści

Leniwe ładowanie komponentów w React dzięki import

83

Ten artykuł jest częścią 31 z 41 w serii React.js.

Zdjęcie Michał Miszczyszyn
JavaScript4 komentarze

Czy w React da się ładować komponenty leniwie? A więc masz już sporą aplikację. Chcesz ją jakoś zoptymalizować. Do głowy przychodzi Ci, oczywiście, podział jej na kilka części, które będą ładowane na żądanie, dopiero gdy będą potrzebne — tzw. lazy load. Z pomocą przychodzi operator import(…) — po prostu! Czytaj dalej… artykuł Leniwe ładowanie komponentów w React dzięki import

Od wersji React 16.3 funkcje componentWillMount, componentWillReceiveProps i componentWillUpdate zostają oznaczone jako deprecated. Pojawiają się też dwie nowe metody cyklu życia: getDerivedStateFromProps i getSnapshotBeforeUpdate. Co to dla nas oznacza? Do czego one służą? Jak ich używać? Czytaj dalej… artykuł Nowe metody cyklu życia: getDerivedStateFromProps i getSnapshotBeforeUpdate

Asynchroniczność w Redux: redux-thunk

79

Ten artykuł jest częścią 28 z 41 w serii React.js.

Zdjęcie Michał Miszczyszyn
JavaScript2 komentarze

Do tej pory dane z API pobierałem po prostu w komponencie App, a po przyjściu odpowiedzi wysyłałem odpowiednią akcję (contactsFetched). To działało. Ale wymyśliłem sobie nową funkcję w aplikacji: Możliwość parametryzowania zapytań do API. Posłuży mi do tego nowy komponent. Jak teraz mam wykonywać zapytania do API? Przekazywać coś do… Czytaj dalej… artykuł Asynchroniczność w Redux: redux-thunk

Projektowanie komponentów: Presentational & Container Components

78

Ten artykuł jest częścią 27 z 41 w serii React.js.

Zdjęcie Michał Miszczyszyn
JavaScript5 komentarzy

Często w różnych artykułach poświęconych Reactowi i Reduksowi napotkasz takie sformułowania jak Presentational and Container Components albo Skinny and Fat Components albo Dumb and Smart Components i być może jeszcze kilka innych podobnych ;) Wszystkie te określenia oznaczają to samo: Podział komponentów na 2 rodzaje: Służące prezentacji oraz zawierające logikę. Czytaj dalej… artykuł Projektowanie komponentów: Presentational & Container Components

Flux i Redux: globalny store i jednokierunkowy przepływ danych

71

Ten artykuł jest częścią 23 z 41 w serii React.js.

Zdjęcie Michał Miszczyszyn
Dobry Kod3 komentarze

Na co dzień korzystam z Redux razem z React. Dawniej używałem też własnej implementacji architektury Flux razem z AngularJS. Postanowiłem napisać o tym koncepcie coś więcej — bo jest to bez wątpienia bardzo ciekawe! Jednokierunkowy przepływ danych, akcje, dispatcher, action creator, reducer… to wszystko w tym wpisie :) A do… Czytaj dalej… artykuł Flux i Redux: globalny store i jednokierunkowy przepływ danych