React Server Components

React Server Components

Koszyk Koszyk
  • Opis
  • Recenzje
  • Autor
  • Transkrypt
  • Pytania i odpowiedzi
  • QA

3 ocen

Wprowadzenie

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?

  1. Client vs Server
  2. Jak obecnie działają aplikacje?
  3. Czym są React Server Components
  4. Problem wydajności aplikacji
  5. Założenia React Server Components
  6. Możliwości i ograniczenia RSC
  7. Praktyczny przykład RSC
  8. Co RSC oznaczają dla programistów?

Czym są React Server Components?

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.

Czy każdy z nas będzie full-stack developerem?

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ć.

Wydajność aplikacji to priorytet

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).

Czy muszę znać Node.js?

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.

Czy React Server Components są gotowe?

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.

Dla kogo jest ten kurs?

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.

Dlaczego wybrać właśnie ten kurs?

  1. Kurs wideo to najbardziej efektywna a zarazem najprzyjemniejsza forma nauki. Jest on tak prowadzony, byś cały czas mógł go śledzić z zainteresowaniem i zaangażowaniem, a także czerpać satysfakcję ze zdobytej wiedzy!
  2. Wiedza, którą otrzymujesz w tym kursie, to nie tylko sucha teoria, ale również wskazówki od praktyka z wieloletnim doświadczeniem, dzięki którym dużo łatwiej będzie Ci opanować materiał i pracować efektywniej.
  3. Uczysz się na praktycznych przykładach. Kurs, który masz przed sobą to esencja praktycznej wiedzy i doświadczenia a także wzorów, które oszczędzą Ci godziny pracy i poszukiwań.
3 godziny 17 minut

Kurs Apollo Client z React.js

w Praktyce

Apollo to jeden z największych graczów w ekosystemie GraphQL, zarówno od strony Backendu jak i Frontendu. Ogromna społeczność oraz genialne rozwiązania technologiczne dają możliwość pisania aplikacji opartych o GraphQL w błyskawicznym tempie. W tym kursie poznasz czym jest Apollo Client i jak go używać razem z Reactem.

Przemysław Nowak

5 godzin 51 minut

Kurs React Native

Mobilne Aplikacje z React

Tworzenie aplikacji mobilnych zawsze kojarzyło się z czymś trudnym i wymagającym. Jednak mimo pewnych różnic względem tworzenia stron internetowych mobile to dalej front-end, który przy pomocy React Native możesz tworzyć tak samo prosto i wygodnie, jak wersje webowe! W tym Kursie dowiedz się jak wykorzystać tę technologię, tak, by już wkrótce być w stanie stworzyć swoją pierwszą aplikację mobilną.

Piotr Szaciński

31 minut

Formularze w Gatsby.js

Z Firebase i SendGrid

W tym Warsztacie w ciągu zaledwie 30 minut dowiesz się, jak stworzyć prosty i bezpieczny mechanizm wysyłania maili przez formularz osadzony na stronie internetowej. A wystarczą do tego trzy kroki - przekonaj się jakie!

Adam Romanski

4 godziny 29 minut

Kurs Gatsby.js

Szybkie i Nowoczesne Strony

# Wielki Gatsby Gatsby.js wdarł się na frontendowe salony niczym prawdziwa gwiazda! Unikalne rozwiązania dające ogromną swobodę developerom, w połączeniu z potężnym ekosystemem reactowym sprawiły, że już dawno żadna technologia nie wzbudziła takiego entuzjazmu i zainteresowania. Bądź na bieżąco z najnowszymi frontendowymi trendami i dowiedz się, na czym polega sekret tej fenomenalnej technologii. W kursie dowiesz się w jaki sposób poprawnie używać Gatsbyego, jak działa jego routing, w jaki sposób obsługiwać obrazki przy użyciu GraphQL, a także jak budować warstwę danych zasilającą aplikację w odpowiednie treści.

Adam Romanski

6 godzin 6 minut

Kurs React

Techniki Zaawansowane

Higher Order Components, Render Props, Compound Components... React pełen jest wzorców i narzędzi, których nazwy potrafią przyprawić o ból głowy. Właśnie po to, by uniknąć tego przytłoczenia, został przygotowany ten kurs. Skupimy się w nim praktycznie wyłącznie na React'cie, który mimo że jest niepozorną biblioteką, to kryje w sobie ogromny potencjał i jeszcze większą swobodę działania dla developera. W dużych, komercyjnych aplikacjach wzorce, o których wspominamy, pojawiają się niesłychanie często, a ich poprawne zrozumienie to jedyna droga do tego, abyśmy nie czuli się nieswojo patrząc na nieco bardziej skomplikowany kod.

Adam Romanski

6 godzin 51 minut

Kurs React

w Praktyce

Wiele materiałów dostępnych w sieci zawiera wskazówki jak używać Reacta, jednak brakuje im praktycznego wymiaru. Stosowanie tej technologii w prawdziwym projekcie nieco różni się od prostych przykładów, które na ogół możemy znaleźć. Tak powstał pomysł na kurs React w Praktyce, w którym dowiesz się, z jakich technologii React developerzy korzystają na co dzień, jak konfigurują projekty, jak radzą sobie z problemami zarówno wynikającymi ze skomplikowania interfejsu, jak i logiki biznesowej zawartej w aplikacji.

Adam Romanski

30 minut

Hooks w React

Twórcy Reacta już jakiś czas temu oddali w ręce developerów potężne hooksy – rozwiązanie, które pewnego dnia może zastąpi komponenty klasowe. Zanim jednak wybiegniemy w przyszłość aż tak daleko, warto je po prostu poznać i zrozumieć. Zapraszam na warsztaty o podstawach React Hooks, podczas których pokażę kilka praktycznych zastosowań hooksów, dzięki którym lepiej zrozumiesz, czym tak naprawdę są i dlaczego tak wiele osób o nich mówi. Dowiesz się w jaki sposób możesz tworzyć stan w komponentach funkcyjnych przy użyciu hooka useState(), a także pokażę Ci, jak w prosty sposób możesz wykorzystywać useRef() do tworzenia refów, tak przydatnych podczas pracy z bibliotekami manipulującymi DOM.

Adam Romanski

4 godziny 55 minut

Kurs React

od Podstaw

Od kilku lat React niepodzielnie króluje wśród frameworków JavaScript. Ogromna swoboda jaką daje, intuicyjny sposób tworzenia komponentów i potężny ekosystem wspierający developera niemal w każdej sytuacji, to niewątpliwie największe zalety tej technologii. W tym kursie dowiesz się, w jaki sposób wycisnąć w Reacta jak najwięcej. Odkryjesz jego prawdziwy potencjał i dogłębnie poznasz zagadnienia, które stanowią trzon tego frameworka. Aby zrozumieć rzeczy zaawansowane, należy solidnie opanować podstawy – w tym własnie chcę Ci pomóc.

Adam Romanski

Autor: Adam Gospodarczyk

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 miałem 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.

Ten kurs nie posiada jeszcze transkryptu. Choć bardzo się staramy, wygenerowanie transkryptów do wszystkich kursów jest bardzo czasochłonne. W wielu przypadkach wymaga zaangażowania drogiego oprogramowania i godzin pracy przy poprawianiu transkryptu tak, aby był on możliwie jak najlepszy.

Zależy nam na tym, aby przygotować transkrypty do wszystkich naszych treści. To jedyny sposób dla osób niedosłyszących, aby mogły wygodnie uczyć się technologii. Poza tym, transkrypty ułatwiają skanowanie kursu w poszukiwaniu informacji i jego indeksowanie.

Szukamy osób, które mogłyby nam pomóc w poprawianiu transkryptów. Jeśli masz chwilę wolnego czasu i interesuje Cię dany kurs, w zamian za taką pomoc chętnie udostępnimy Ci wybrany materiał. Wyślij swoje zgłoszenie tutaj, jeśli możesz pomóc nam rozwijać platformę.

  • Informacje
  • Lekcje

Autor: Adam Gospodarczyk

Czas: 40 minut

Wersja: -

Aktualizacja: 05.03.2021

  • Certyfikat w ramach Ścieżki
  • Dostęp z urządzeń przenośnych
  • Licencje dla firm i szkół
Podaruj w prezencie

React Server Components

  • React Server Components

}