React Static

W ciągu ostatnich kilku lat popularność witryn statycznych znacznie wzrosła. Wzrost ten wynika przede wszystkim z silnego pragnienia wśród firm w optymalizacji wydajności swoich produktów. Kolejnym powodem korzystania z witryn statycznych jest opłacalność, pliki statyczne są lekkie i często szybsze. W tym artykule przedstawię generator stron statycznych dla biblioteki React jakim jest React static. 

Generatory statyczne a witryny dynamiczne

Strony statyczne są napisane tylko i wyłącznie w języku HTML. Witryny statyczne wykorzystują renderowanie po stronie serwera, oznacza to, że użytkownik wchodząc na stronę otrzymuje gotowy plik HTML. Wszystkie kosztowne operacje przy stronach dynamicznych wykonuje klient, natomiast przy stronach statycznych to serwer wykonuje najbardziej kosztowne operacje.

Jak działa React Static

React Static zbiera dane i szablony razem i inteligentnie dzieli je na statyczne pliki o niewielkich rozmiarach za pomocą webpack i javascript. Po wygenerowaniu tych plików React Static używa ich do renderowania i eksportowania listy routingu. Ponadto React Static zapewnia dla programistów środowisko zerowej konfiguracji tak samo jak Create React App, dlatego też jest on szybki i łatwy do użycia.

Instalacja React Static

Instalacja jest banalnie prosta, potrzebujemy tylko i wyłącznie menadżera pakietów, w tym przypadku użyję NPM. Otwieramy swój terminal i wpisujemy następującą komendę: 

npm install -g react-static

Następnie, aby stworzyć nowy projekt używamy komendy:

react-static create

i to wszystko!