React Software House

Podstawą React.js jest tworzenie komponentów javascriptowych zawartych w plikach z rozszerzeniem .jsx, które pozwalają na odróżnienie zwykłych plików JS od plików Reacta. React pozwala użytkownikom na pisanie komponentów funkcyjnych oraz klas. W przypadku komponentów funkcyjnych wykorzystujemy React Hooks, które mają znacznie prostszą strukturę od komponentów zawierających klasy. Warto również wspomnieć o cyklu życia komponentów, który pozwala na czyszczenie pamięci odpowiednich komponentów kiedy nie są one wykorzystywane lub wywoływanie odpowiednich funkcji – na przykład w momencie, w którym komponent dopiero się wyrenderował.

React w odróżnieniu od Angulara jest lekki i jego rozmiar nie jest tak duży, co pozwala na dużą swobodę pod względem używania zewnętrznych bibliotek. Przykładem tego jest korzystanie ze styled-components, które pozwalają na używanie stylów CSS za pomocą języka JavaScript lub wykorzystywanie modułów SCSS. Kolejną rzeczą wartą uwagi jest pisanie testów jednostkowych – React nie narzuca żadnej biblioteki, natomiast zaleca się stosowanie biblioteki Jest. To, co z pewnością wyróżnia Reacta jest dowolność w pisaniu architektury aplikacji – możemy stosować się do wytycznych, takich jak konkretne nazywanie poszczególnych folderów ze względu na ich przeznaczenie, ale nie musimy!

Aplikacje pisanie w React.js często są typu SPA (Single Page Application), dzięki czemu zapewniają użytkownikowi dużą interaktywność. Kiedy załadujemy stronę zbudowaną w React, dostaniemy wyłącznie jeden plik HTML, który zawiera JavaScript. To właśnie JavaScript odpowiada za manipulowanie kontentem aplikacji. W przypadku, gdy chcemy korzystać z Reacta, żeby nasza strona internetowa bądź aplikacja była dobrze pozycjonowana (SEO) oraz szybko działała, warto zapoznać się z bibliotekami typu Next.js czy Gatsby.js. Umożliwiają one renderowanie plików po stronie serwera (SSR) dzięki czemu aplikacja wyświetla się w przeglądarce znacznie szybciej niż w przypadku aplikacji typu SPA.

Społeczność Reacta jest spora – dzięki czemu każdy programista, dla którego React.js jest nowym frameworkiem, nie powinien mieć problemu z przyswajaniem materiałów. Dzięki dużej społeczności wokół React.js mamy dostęp do wielu zewnętrznych bibliotek, które przyspieszają pracę nad aplikacją. Z pewnością warte uwagi biblioteki to między innymi prop-types, styled-components, Jest, Material UI, CRA, Redux czy Formik. Kolejną zaletą Reacta jest nieustanne rozwijanie tej biblioteki przez pracowników Facebooka oraz społeczności, która pomaga w rozwiązywaniu wszelkich problemów Reacta. Warto również zauważyć, że jest to najbardziej popularne rozwiązanie wśród frameworków javascriptowych.