Przejdź do treści

React Warsaw #2

Druga wizyta na React Warsaw. Sponsor spotkania była firma Syncano, która ugościła w swoim biurze wszystkich członków spotkania.

Baner promujący artykuł

Talk #1: React Starter Kit [PL] Daniel Kopka

Zaczynamy: 18: 37

Celem tej prezentacji było zebranie kilku(-nastu) narzędzi których trzeba (warto?) używać podczas tworzenia nowej aplikacji w obecnym standardzie (React + webpack + babel).

Daniel przedstawił swój project layout, czy przykładową strukturę projektu.
Nie odpowiednie zbudowanie projektu w dużym projekcie, to pierwszy krok, aby z biegiem czasu zagubić się w strukturze i spędzić (niepotrzebnie?) czas na przeszukiwanie, gdzie coś się znajduje.

Dzięki tej prezentacji dowiedzieliśmy się również jak zbudować swój pierwszy projekt w oparciu o Reacta.

Koniec z pytaniami: 19:14

Talk #2: React Router - normalnie i po mojemu [PL] Rafał Ruciński

Zaczynamy: 19:42

Rafał opowiadał o routerze w React.js.

Musiał sprostować zadaniu jaki jest spełnienie zasad izomorficzności, czyli aby jeszcze przez wyrenderowaniem przez React.js widoku aplikacji, była ona już dostępna dla usera.

Typowy przykład prerenderingu - to serwer renderuje w po swojej stronie widok i zwraca do przeglądarki, na widoku to już React.js analizuje tworząc sumę kontrolną:

  • gdy się zgadzają to React to wykorzysta wyrenderowany kontent do zbudowania komponentów
  • gdy się nie zgadzają to usunie wyrenderowane komponenty (i powiadomi)

Druga część prelekcji była oparta o livecoding.
Rafał pokazał nam jak działa React Router i wykorzystał indexroot aby pokazać, na jakiej stronie jesteśmy. Aplikacja po odświeżeniu od razu przechodziła na wskazaną w adresie stronę.

Koniec z pytaniami: 20:34