Next.js 14 - Advanced

• Dobre zrozumienie JavaScript i ES6+
• Doświadczenie z React i React Hooks
• Podstawowa znajomość Next.js
• Zrozumienie wywołań API i zarządzania stanem

Publiczność

• Doświadczeni programiści React pragnący pogłębić swoją wiedzę na temat Next.js
• Programiści front-end i full-stack poszukujący zaawansowanych technik optymalizacji wydajności
• Inżynierowie oprogramowania pracujący nad aplikacjami na dużą skalę Next.js

Next.js to potężny React framework do tworzenia wysokowydajnych aplikacji internetowych.

Szkolenie na żywo prowadzone przez instruktora (na miejscu lub zdalnie) jest przeznaczone dla zaawansowanych programistów, którzy chcą opanować najnowsze funkcje Next.js 14, zoptymalizować wydajność i wdrożyć nowoczesne React techniki.

Pod koniec tego szkolenia uczestnicy będą mogli

• Wdrożyć zaawansowane React haki i funkcje współbieżne.
• Zrozumieć i skutecznie wykorzystać strategie routingu Next.js.
• Wykorzystywać komponenty serwera, akcje serwera i hybrydowe podejścia do renderowania.
• Optymalizacja pobierania danych, buforowania i przyrostowej regeneracji statycznej.
• Wykorzystanie Next.js jako rozwiązania backendowego z Edge Functions i Edge Runtime.
• Zarządzanie stanem przy użyciu React Context, Redux i bibliotek stanu atomowego.
• Optymalizacja wydajności aplikacji dla Web Core Vitals.
• Wydajne testowanie, monitorowanie i wdrażanie aplikacji Next.js.

Format kursu

• Interaktywny wykład i dyskusja.
• Wiele ćwiczeń i praktyki.
• Praktyczne wdrożenie w środowisku laboratoryjnym na żywo.

Opcje dostosowywania kursu

• Aby poprosić o spersonalizowane szkolenie dla tego kursu, skontaktuj się z nami.

Wprowadzenie

Nowoczesne React

• Co nowego w React 18 i 19
• Nowoczesne narzędzia i zmiany w podejściu

React Zaawansowane haki

• useMemo, useCallback, useDispatch, useRef, useImperativeHandle

Tryb współbieżny w React

• Użycie haków useTransition, useDeferredValue

Routing Next.js

• Różnice między routerem aplikacji a routerem stron

Strategie renderowania w Next.js

• Renderowanie po stronie serwera a aplikacja jednostronicowa a generowanie statyczne

Komponenty serwera i akcje serwera

• Wykorzystanie dyrektyw "use server" i "use client

Pobieranie i buforowanie danych

• Strategia przyrostowej regeneracji statycznej

Używanie Next.js jako backendu

• Funkcje brzegowe i Edge Runtime

State Management

• React Kontekst, Redux i atomowe zarządzanie stanem (Zustand)

Tworzenie szablonów w Next.js

• Szablony wielokrotnego użytku
• Dostępne CSS podejścia i biblioteki szablonów

Optymalizacja wydajności

• Poprawa czasu ładowania i osiągnięcie wysokich wyników Web Core Vitals

Oprzyrządowanie

Testowanie w Next.js

Strategie Monorepo

• Next.js z TurboRepo / Nx

Monitorowanie, wdrażanie i orkiestracja

Podsumowanie i kolejne kroki