Jeżeli tworzysz aplikacje w React, to zapewne spotkałeś się z zagadnieniem hydracji. Jasną stroną tego procesu jest to, że nasza aplikacja, początkowo renderowana po stronie serwera, staje się interaktywna. Jeszcze niedawno hydracja musiała być przeprowadzana w trybie ""wszystko albo nic"". Nie dało się tego procesu podzielić na mniejsze fazy czy całkowicie wyłączyć dla pewnych elementów naszej strony, i musieliśmy niestety ponosić tego konsekwencje - czyli przesyłać więcej kodu źródłowego do przeglądarek lub używać mniej lub bardziej eleganckich furtek.

Na szczęście sytuacja się zmieniła, a najnowsza wersja React wprowadziła w tym polu pewne zmiany. Hydracja może być teraz podzielona na fazy, a nawet poddana priorytetyzacji. Co lepsze, dzięki React Server Components, możemy całkowicie jej uniknąć i nie wysyłać części kodu do klienta! A co oferują w tym temacie frameworki? Zaskakująco dużo. Każdy z nich podchodzi do tego tematu nieco inaczej i pozwala na wykorzystanie wspomnianych nowości w inny sposób.

Jeżeli jesteś ciekawy i chcesz się dowiedzieć:
- jak dokładnie działa hydracja?
- jak możesz wpływać na proces hydracji?
- jakie zalety i wady niesie za sobą selektywna hydracja?
- jak wygląda jej zastosowanie w najnowszych frameworkach?
to zapraszam Cię do wysłuchania tej prelekcji.

dev.js Summit 2023, 4Developers Łódź