Ta lekcja jest w bazie eduweb
Zaloguj się kontem z dostępem albo wykup dostęp do bazy, żeby obejrzeć wideo.
Lekcja 1/ 1React Server Components
React Server Components to koncepcja wykorzystania komponentów React.js po stronie serwera w celu przyspieszenia działania aplikacji oraz zmniejszenia rozmiaru wygenerowanej paczki. Obecnie RSC są na wczesnym etapie koncepcji i do dyspozycji mamy wyłącznie wersję demo. W tym warsztacie przyjrzymy się temu bliżej i porozmawiamy o tym, co oznacza przenoszenie ciężaru aplikacji na stronę serwera. Czy wkrótce każdy z nas będzie full-stack developerem?
W dużym skrócie są to komponenty React, uruchamiane po stronie serwera. W praktyce oznacza to też tyle, że jeżeli RSC faktycznie zostaną ukończone i trafią do naszej dyspozycji, to do uruchomienia aplikacji React, będzie nam potrzebny serwer. W praktyce wszystko sprowadza się do przeniesienia części ciężaru aplikacji z front-endu na back-end.
Z pewnością rozwój aplikacji z wykorzystaniem React Server Components będzie wymagał od nas szerszej wiedzy niż ma to miejsce na ten moment. Wynika to z faktu, że już bezpośrednio będziemy mieć do czynienia z kodem działającym po stronie serwera oraz np. łączącym się z bazą danych. Czy to oznacza, że będziemy full-stack developerami? Może niekoniecznie ale podczas warsztatu opowiemy sobie na co warto się przygotować.
W 2021 roku z wielu stron widzimy, że wydajność aplikacji zyskuje coraz większe znaczenie. Jednocześnie wraz ze wzrostem złożoności i interaktywności interfejsów, coraz trudniej jest ją utrzymać. Ma na to wpływ m.in. rozmiar "bundle" aplikacji, który zmusza użytkowników do pobierania dużej ilości informacji. To przekłada się na wspomnianą wydajność ale też na doświadczenia użytkownika. Warto dodać, że to wszystko będzie miało ogromne znaczenie w kontekście Web Vitals, czyli nowych wskaźników wydajności, które będą miały wpływ na pozycję naszych aplikacji w wyszukiwarce Google (SEO).
Teoretycznie nie ale jeżeli React Server Components zostaną powszechnie wykorzystywane, to warto będzie poznać Node.js przynajmniej na poziomie podstawowym. To czy z czasem nam to wystarczy, na ten moment trudno powiedzieć. W trakcie warsztatu poruszymy również ten temat.
Nie i mowa nawet nie tylko o środowisku produkcyjnym ale też developerskim. Na dzień nagrania warsztatu, do naszej dyspozycji oddany jest wyłącznie szkic, który możemy uruchomić. Jest w nim jednak wiele braków, które dyskwalifikują go z możliwości wykorzystania w aplikacjach. Na ten moment nie ma konkretnej daty publikacji pierwszej produkcyjnej wersji.
Warsztat przeznaczony jest dla osób które znają React.js i chcą dowiedzieć się więcej o React Server Components oraz kierunku rozwoju front-endu, który bezpośrednio związany jest z wydajnością aplikacji oraz przenoszeniem ciężaru działania aplikacji z front-endu na back-end, lub też uzyskania balansu pomiędzy nimi.
1 lekcja40min
Dostęp do wszystkich kursów z bazy eduweb za 199 zł/mies.
Nazywam się Adam Gospodarczyk, jestem designerem i full-stack developerem. Przez całą swoją karierę zawodową pracuję w świecie startupów z branży edukacji, szkoleń pracowników oraz rekrutacji. Jestem współzałożycielem trzech produktów, które rozwijałem w roli CTO od samego początku. Przez ten czas zdobyłem szerokie doświadczenie znacznie wykraczające poza zakres samej technologii. W maju 2017 roku założyłem kanał na YouTube „overment” (https://overment.com) w ramach side-project’u po godzinach. Dziś jest to jeden z największych w Polsce tego typu projektów dla programistów za który otrzymałem nagrodę „JavaScript Hero of Community” podczas konferencji JS Poland 2019. Łącząc moje startup’owe doświadczenie z pasją do technologii, pomogę Ci nauczyć się programowania patrząc szerzej na perspektywę całego biznesu - jest to doceniana przez pracodawców umiejętność, którą wiele osób całkowicie pomija. Przy tym wszystkim pokażę Ci jak ważna jest regularna nauka i pozostawanie na bieżąco.