Warsztaty: React in Depth

Tytuł: Warsztaty: React in Depth
Kod: React-depth
Kategoria: React
Forma: 33% wykłady / 33% warsztaty / 33% praca grupowa
Czas trwania: 3 dni
Odbiorcy: developerzy, architekci
Zapisy: Indywidualne zamówienie i dopasowanie dla grupy.
Logistyka: W siedzibie klienta lub w innym dowolnym miejscu.

Szkolenie przygotowuje do roli senior developera/architekta aplikacji Reaktowych.
Kierowane jest do osób mających już doświadczenie w tworzeniu aplikacji w Reakcie.

Ma na celu podniesienie poziomu wiedzy, kładąc szczególny nacisk na zapewnienie utrzymywalności kodu (TypeScript, CSS) oraz optymalizacje Reakta w runtime. Uczestnicy będą kodowali nowe funkcjonalności w istniejącej aplikacji, będą analizowali wydajność aplikacji i szukali usprawnień. Istotnym elementem szkolenia jest także przegląd (i implementacja) różnorakich technik zarządzania stanem w aplikacjach Reaktowych, analiza ich zalet i wad. Wreszcie, szkolenie uwzględnia ćwiczenia projektowania architektury aplikacji, tj. wysoko-poziomowe rozbijanie zagadnień na mniejsze, z fokusem na omijanie potencjalnie nieskalowalnych oraz problematycznych w przyszłości rozwiązań.

Wyróżniki szkolenia

  • dobre praktyki architektoniczne aplikacji Reactowych
  • mikro- i makro- optymalizacje kodu
  • techniki zarządzania stanem, analiza i porównanie

Program Szkolenia

Program jest ramą w jakiej możemy się poruszać merytorycznie - program dla konkretnego szkolenia dedykowanego ustalamy z grupą na podstawie analizy przed-szkoleniowej.

  1. React Internals
    1. Reconciliation
    2. Diffing Algorithm
    3. Lazy, Suspense
    4. Fiber Nodes (Contexts, Redux Provider, etc.)
  2. State Management
    1. State: Private vs Shared
    2. State: Centralized vs Distributed
    3. Advanced Redux
    4. Mobx
    5. Pub-Subs
    6. RxJS
    7. Context API
    8. Cloud Apps State Management
    9. State Synchronization with External Sources
  3. Optimizations
    1. React Devtools
    2. Application Profiling
    3. Components: memo, pure
    4. Hooks: useMemo, useCallback
    5. State Design (with performance in mind)
  4. Component Design
    1. Architecture Design Exercises
    2. Usability vs Reusability
  5. CSS in React
    1. CSS in JS
    2. CSS Modules
    3. Styled Components
    4. Theming
  6. TypeScript & React
    1. Advanced TypeScript Concepts
    2. PropTypes vs TS types
    3. Props & State definitions
    4. Native DOM & React typings
    5. External Definitions
    6. Sharing Component definitions (Component Library)
  7. Embedding Application in Legacy Code
    1. React in Server-Side technologies (JSP, ASP, PHP, etc.)
    2. Communication with jQuery code
    3. React Cooperation with other frameworks (AngularJS, Angular, etc.)


Pobierz program w formacie PDF

Trenerzy

Poznaj ekspertów, którzy mogą poprowadzić Twoje szkolenie.

Tomasz Ducin

trener

Thinking is difficult. That's why most people judge. (Carl Jung)

Materiały związane ze szkoleniem

Idea renesansowej pracowni - Bottegi zakłada nieustanną pracę jej członków i dzielenie się jej wynikami.

  • Looking for the Holy Grail of Mobile Web Performance
    KATEGORIE: JS i Front-end

    W świecie mobilnym Istnieje przeświadczenie, że jedynie aplikacje natywne są w stanie sprostać oczekiwaniom użytkowników. Wraz z pojawieniem się Progresywnych Aplikacji Webowych, które mają przenieść na platformę webową wiele cech zarezerwowanych dotąd tylko dla rozwiązań natywnych, oczekiwania dotyczące wydajności są silniejsze niż kiedykolwiek wcześniej. Czy Web jest w stanie im sprostać?

    Autor Bottega:

    Adam Bar

    Powiązane usługi:

    Audyty architektury

    Audyty architektury
  • JSON taki albo owaki... czyli kontrolowanie struktur z JSON Schema
    KATEGORIE: JS i Front-end

    Slides

    JSON jest najpopularniejszym formatem definiowania/wymiany danych w sieci. Jest elastyczny niczym XML oraz zwięzły, jak to tylko możliwe. Nie mniej, rozwiązłość strukturalna JSONów powoduje utratę kontroli nad tym, jakie dane są przechowywane. Jeśli chcesz kontrolować, co może być przechowywane w formacie JSON, zerknijmy na JSON Schema.

    Autor Bottega:

    Tomasz Ducin

    Powiązane usługi:

    Audyty architektury

    Audyty architektury
  • A Ty co zrobisz bez frameworka
    KATEGORIE: JS i Front-end

    Podczas tej prezentacji poznamy lit-html – bibliotekę, która w prosty sposób abstrahuje zawiłości operacji na DOM-ie – oraz jej kuzyna lit-element, dzięki któremu Web Componenty są dziś na wyciągnięcie ręki. Sprawdzimy, jak wiele można mieć za tak niewiele i zastanowimy się, czy lit-html może stanowić alternatywę dla frameworków.

    Autor Bottega:

    Adam Bar

    Powiązane usługi:

    Audyty architektury

    Audyty architektury

Zamów szkolenie

Imię i nazwisko:
Firma:
E-mail:
Nr tel:
Temat:
Wiadomość:

Jeżeli preferujesz osobisty kontakt to zawsze możesz zadzwonić.

Iwona Sobótka

Koordynatorka szkoleń


Twoje dane osobowe przetwarzamy, aby udzielić odpowiedzi na Twoje pytanie. Administratorem Twoich danych osobowych jest Bottega It Minds Sławomir Sobótka. Przysługuje Ci prawo wniesienia sprzeciwu wobec przetwarzania, prawo dostępu do danych, prawo żądania ich sprostowania, usunięcia lub ograniczenia ich przetwarzania. Szczegółowe informacje dotyczące przetwarzania Twoich danych osobowych znajdują się TUTAJ.