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.
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ą.
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!
# 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.
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.
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.
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.
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.
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.
Średnia ocen autora
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ę.
