ReactJS, czyli najlepszy framework do tworzenia stron

User avatar Tomasz Makowski

Odpowiadając na pytanie czym właściwie jest ReactJS - jest to po prostu framework do języka JavaScript, których działanie opiera się na dwóch głównych klasach - "React" i "React-DOM". Głównym zadaniem Reacta jest tworzenie interfejsów graficznych do stron internetowych na podstawie, tak zwanych, komponentów.


No dobrze, a co to są te "komponenty"?

...

Komponenty to nic innego jak kawałek strony, jak przykładowo przycisk lub cała sekcja, który jest napisany w języku JSX. Co więcej - dużą zaletą Reacta jest to, że takich komponentów możemy używać niezliczoną ilość razy. Może on je tworzyć samemu lub korzystać z dużej ilości już gotowych do użycia.

Jak działa ReactJS?

Działanie frameworka opiera się o tworzenie wirtualnego DOM-u, który zapisuje całą strone HTML w pamięci. Następnie przy każdej zmianie na stronie, której dokonał użytkownik porównuje właśnie ten "Virtual DOM" z obiektem modelu strony znajdującym się już na stronie i aktualizuję tylko tą część strony, która ma być rzeczywiście zmieniona, co powoduje, że React jest najszybszym frameworkiem w działaniu.


JSX

...

JSX to specjalna składnia, "nakładka" do zwykłego języka JavaScript, która umożliwia nam sprawniejsze tworzenie komponentów/elementów HTML. Podsumowując - JSX dodaje dużej przejrzystości w kodzie i łatwości w jego pisaniu.

Krótka historia Reacta

Powstanie Reacta zaczęło się od momentu, gdy Facebook przejął Instagrama. Zespół, który go przejął napotkał się wtedy z pewnym problemem implemetacji nowej funkcjonalności w ich aplikacji. Mianowicie chodziło o szybki podgląd profili. Szukając rozwiązania zauważyli właśnie nasz framework jako ten, który jako jedyny sprostał ich oczekiwaniom i co więcej - był spośród innych najszybszy. Od tego momentu zaimplementowano Reacta początkowo w Instagramie, a gdy ten się sprawdził, zaczęto go używać również na Facebook'u. Obecnie z Reacta korzysta bardzo dużo wielkich producentów, takich jak Netflix, PayPal itd.


Podbijanie rynku przez Reacta

...

W 2015r. React i React Native były dwoma najpopularniejszymi otwartymi projektami na GitHubie. Natomiast w 2017 React stał się piątym z najpopularniejszych projektów na GitHubie, co pokazuje nam, jak bardzo jest popularny i że warto zwrócić na niego uwagę


A co jeśli to, co już dobrze znamy możemy zamienić na aplikacje?

...

Z pomocą przychodzi nam właśnie React Native. Dzięki temu jesteśmy w stanie wykorzystać już dobrze nam znane komponenty napisane w JSX i napisać swoją własną aplikację natywną.

Aplikacje natywne - to aplikacje dedykowane na dany system operacyjny

React Native to cross-platformowy framework, w którym posługujemy się samym Reactem do tworzenia aplikacji natywnych na platformy Android i iOS. "Natywne" dlatego, że są stworzone z natywnych komponentów layout'u. Co więcej - React Native pozwala wspódzielić kod pomiędzy dwie platformy, dzięki zdolności do tłumaczenia JavaScript na natywne komponenty.


Podsumowując - warto pomyśleć o React'cie jako środowisku do tworzenia stron lub aplikacji natywnych ze względu na jego:

  • popularność - co daje nam już przetarty szlak przez innych
  • łatwy próg wejścia - ze względu na to, że korzysta się tam z JavyScript
  • duża przejrzystość kodu - podział całej strony na komponenty i składnia JSX
  • szybkie działanie aplikacji - wirtualny DOM tworzony przez framework
O autorze
User avatar

Jestem początkującym web-developer z dużymi aspiracjami. Tworzę strony internetowe w technologii React i jQuery. Oprócz technologii bardzo lubię grać w piłkę nożną, piłkę ręczną oraz biegać. Interesuje mnie również astrofizyka.

Najnowsze artykuły

MDB Youth

MDB Youth to organizacja stworzona przez młodych ludzi, których celem jest wspólna nauka programowania, technologii i przedsiębiorczości.

Dowiedz się więcej i dołącz do nas.

Dołącz do MDB Youth