Architektura Flux i React.js

Kod: JS-react
Kategoria: JavaScript
Forma: 40% wykłady / 60% warsztaty
Czas trwania: 3 dni
Grupa docelowa: architekci
Logistyka: W siedzibie klienta lub w innym dowolnym miejscu.
Data i dokładny zakres do ustalenia podczas analizy przed-szkoleniowej.

Celem szkolenia jest nabycie konkretnych umiejętności projektowania aplikacji po stronie klienta, których złożoność odpowiada realnym problemom typowych projektów.

Szkolenie odpowiada na pytania: jaką strukturę i porządek wyższego rzędu powinna mieć aplikacja, która będzie żyć kilka lat i która ma być testowalna oraz relatywnie łatwa w utrzymaniu.

Wyróżniki szkolenia

Podczas zajęć możesz oczekiwać szczególnych akcentów położonych na poniższe aspekty:

  • Nastawienie na testowalność
  • Całościowe podejście do architektury
  • Najlepsze praktyki bazujące na doświadczeniu trenera

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
    1. Why React, what problems does it solve
    2. React philosophy
      1. Re-rendering whole page
      2. Shadow DOM
      3. Immutability
    3. Components
      1. Component basics
      2. Component composition
      3. Passing data between components
      4. Keeping and modifying state
      5. Inter-component communication
      6. JSX tags
      7. Functional stateless components
      8. Component lifecycle
      9. Integration with non react libraries
      10. Mixins
      11. Higher order components
    4. User interaction
      1. Event handlers
      2. Managed unmanaged components
      3. Forms and inputs
    5. External libraries
      1. Routing
      2. Component libraries
      3. Internationalization
    6. Unit testing
      1. How to unit test components
      2. Making components easy to test
      3. Using mocks
      4. Using Jest for testing
      5. Using Jasmine/Karma for testing
    7. Code coverage
      1. UI testing
      2. How to test components using Selenium
      3. Selenium setup
      4. Understanding asynchronous Selenium tests
      5. How to create Selenium tests so UI changes won’t break them
    8. Best practices
  2. Flux
    1. What is Flux app architecture
    2. How data flows in Flux application
    3. Keeping and changing application state
    4. Immutability in application state
      1. Solutions
      2. Performance implications
    5. Asynchronous data loads and Flux
    6. Actions and events
    7. Testing Flux components
    8. Best practices
  3. Environment and process:
    1. Project setup
      1. How to structure project
      2. Where to keep tests
    2. Tools
      1. Bundlers
      2. Transpilers
      3. Test runners
      4. Production and development builds


Pobierz program w formacie PDF

Trenerzy

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

Materiały związane ze szkoleniem

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

Zapytaj o 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ń