Pierwsze kroki w Preact. Poznajcie godnego następcę Reacta

Preact to biblioteka JavaScriptu, której wyróżnikiem jest mały rozmiar (Preact waży 3 kB, dla porównania React waży 30 kB) oraz zwiększona wydajność. Biblioteka powstała w 2013 roku za sprawą Jasona Millera, którego celem było zapewnienie funkcji podobnych do oferowanych przez Reacta, ale w szybszej wersji.

JavaScript przoduje jako najczęściej wybierany pierwszy język programowania, a to m.in. za sprawą dostępności wielu bibliotek (więcej o JavaScriptcie przeczytacie tutaj). Te powstają, by jeszcze bardziej ułatwić pisanie kodu na potrzeby konkretnej aplikacji. Jeśli potrzebujesz aplikacji w stylu SPA, wykorzystaj Preact, według wielu ulepszonego następcę Reacta.

Głównymi cechami Preacta są:

• wydajne wykorzystanie pamięci,
• prostsza składnia kodu,
• rozbudowana obsługa przeglądarek,
• dobra dokumentacja,
• kompatybilność z bibliotekami React,
• posiadanie większej liczby funkcji niż React-lite.

Do korzystania z tej biblioteki przekonuje także to, że coraz więcej organizacji korzysta właśnie z Preacta, a wśród nich znajdziemy np. Ubera, Google (gdzie pracuje Jason Miller) czy Pepsi. Warto też przyjrzeć się bliżej postaci Millera, który jest czwartym najwyżej ocenianym programistą JavaScript pod względem popularności projektu, który stworzył.

Kod napisany w Preact

Jak wygląda przykładowy kod napisany w Preact?

function Counter() {
  const [value, setValue] = useState(0);

  return (
    <>
      <div>Counter: {value}</div>
      <button onClick={() => setValue(value + 1)}>Increment</button>
      <button onClick={() => setValue(value - 1)}>Decrement</button>
    </>
  )
}

Preact swoją popularność zdobył m.in. dzięki najszybszemu wykorzystaniu wirtualnych bibliotek DOM, ale też dzięki kompatybilności z zewnętrznymi narzędziami pozwalającymi rozwiązać popularne problemy. Wśród nich znajdziemy:

1. Redux Zero
2. Bit.dev
3. fpreact
4. ProppyJS
5. ClearX
6. LogRocket

O ich wykorzystaniu dowiecie się z tego artykułu.

Oferty pracy z

Społeczność Preacta

Niewątpliwie do zainteresowania się danym rozwiązaniem programiści potrzebują kilku dowodów słuszności, czyli elementów potwierdzających, że warto zainteresować się daną biblioteką. W przypadku Preacta, oprócz wymienionych cech, może być także zaangażowana społeczność, która bierze udział w rozwoju biblioteki.

Preact Team, czyli zespół odpowiedzialny za rozwój Preacta, udostępnił rozszerzenie i nazwał je “X”. Celem było udostępnienie wielu usprawnień kompatybilnych z ostatnimi aktualizacjami Reacta.

Ważnym dowodem słuszności może być także liczba gwiazdek, czyli poleceń użytkowników GitHuba. Preact ma ich 29,9 tys., i choć w porównaniu z bardziej popularną biblioteką React wypada blado (React jest wspierany przez Facebooka i ma 175 tys. gwiazdek), naszym zdaniem to biblioteka warta uwagi.

Nauka Preacta

Niestety ze względu na niską popularność tej biblioteki, nie znaleźliśmy polecanego i dedykowanego kursu dot. Preacta. Polecamy jednak zapoznać się od A do Z z dokumentacją, w której znajdziecie odpowiedzi na podstawowe pytania. Warto też dołączyć do githubowej społeczności skupionej wokół Preacta, by zobaczyć, z jakimi problemami borykają się fani tej biblioteki.

Preact to tylko jedna z bibliotek JavaScriptu, którą opisaliśmy na naszych łamach. Zainteresowanych zachęcam do zapoznania się z materiałami dotyczącymi nauki Reacta, frameworka Vue czy środowiska Node.js.

Źródła: ichi.pro, blog.logrocket.com. Zdjęcie główne artykułu pochodzi z unsplash.com.