React to najczęściej używana technologia front-endowa na świecie, według ankiety Stack Overflow 2023. Używamy jej od momentu założenia Galadrim w naszych projektach internetowych i śledziliśmy jej ewolucję oraz kolejne aktualizacje.
3 powody, by wybrać React
01.
React jest szeroko stosowany
React jest używany przez wiele firm, w tym Facebook, Netflix, Airbnb, Uber i X. Posiada bogaty ekosystem bibliotek i silną społeczność, co pozwala łatwo znaleźć rozwiązania dla typowych problemów.
02.
React jest wydajny
React tworzy własny wirtualny DOM i aktualizuje tylko te elementy, które uległy zmianie na stronie. Zapewnia to wysoką wydajność, nawet w przypadku złożonych aplikacji.
03.
React jest prosty
Kod w React jest strukturyzowany w formie komponentów wielokrotnego użytku. Zazwyczaj skutkuje to czystym i łatwym do odczytania kodem. Dodatkowo łączymy użycie React z TypeScript, co pozwala na wcześniejsze wykrywanie błędów i poprawę łatwości utrzymania kodu.
Kilka projektów zrealizowanych w technologii React
Biblioteka komponentów
Dostarczanie komponentów dla Posos
Ciągłe dostarczanie komponentów interfejsu w React / TypeScript, z zespołem pracującym w metodyce agile delivery, zintegrowanym z zespołem klienta.
From scratch
Bandai Online Calendar
Stworzenie dedykowanego narzędzia do zarządzania kalendarzem promocji dla Bandai Namco, dużej firmy z branży gier wideo.
PWA
Przeprowadzam się z La Poste
Realizacja aplikacji wspomagającej przeprowadzkę. Aplikacja jest PWA (Progressive Web App), dostępna w internecie i opublikowana w Play Store dzięki bubblewrap.
Galadmin
Galadmin to oparty na React moduł back-office, który opublikowaliśmy jako open-source. Galadmin pozwala na stworzenie kompletnego back-office w ciągu kilku minut. Jest kompatybilny z bazami danych MySQL i PostgreSQL.
React to biblioteka JavaScript typu open-source, rozwijana i utrzymywana przez Facebook od 2013 roku. Służy do tworzenia interaktywnych i dynamicznych interfejsów użytkownika. React pozwala deweloperom na budowanie wydajnych aplikacji internetowych przy użyciu deklaratywnego modelu danych. Dodanie modułu deweloperskiego React do strony HTML jest proste i szybkie. Można go stopniowo rozszerzać na inne elementy strony lub ograniczyć jego obecność do kilku dynamicznych komponentów interfejsu użytkownika.
Czy React to biblioteka czy framework?
React to biblioteka, a nie framework. Kluczowa różnica między nimi polega na tym, że framework narzuca strukturę i architekturę Państwa kodu, działając jak szablon dla domu. Z kolei biblioteka jest jak meble, które mogą Państwo dodać do istniejącego domu. React jest biblioteką, ponieważ można go dodać do istniejącego kodu w celu tworzenia lub modyfikowania komponentów interfejsu użytkownika. To Państwo decydują, jak go używać, co odróżnia go od frameworka. Facebook, twórca React, również określa go mianem biblioteki.
Czy React można dodać do istniejącego projektu?
Tak, React można dodać do istniejącego projektu. Można go używać do tworzenia nowych komponentów interfejsu użytkownika lub do zastępowania istniejących. Możliwe jest również stworzenie samodzielnej aplikacji React i zintegrowanie jej z istniejącą stroną internetową.
Czy możliwe jest stworzenie strony zoptymalizowanej pod kątem SEO przy użyciu React?
Tak, możliwe jest stworzenie strony zoptymalizowanej pod kątem SEO przy użyciu React, ale wymaga to trochę pracy. Istnieje kilka rozwiązań, takich jak Server-Side Rendering (SSR) lub Static Site Generation (SSG). Zazwyczaj używamy SSR, co pozwala na generowanie stron aplikacji po stronie serwera, ułatwiając ich odczyt przez wyszukiwarki i poprawiając pozycjonowanie.
Jaka jest różnica między React a React Native?
React Native to framework do tworzenia aplikacji mobilnych, który używa React do budowania komponentów interfejsu użytkownika.