Czwarty framework

Perspektywa... ma znaczenie :)

React?

4,7 kB*


Preact 3,4 kB

*React-DOM 34 kB

Numer 4?

?

Backbone, Preact, Ember, Polymer, Hyperapp, ...

?

!

dva, Preact, Svelte, Mithril

1 kB framework?

React ~ A JavaScript library for building user interfaces

Don't call us, we'll call you

Czyli?

⚡
  • Facebook
  • Społeczność
  • Użycie
  • Przełomowy, rozwijany
 👍🏻
  • Inspiracje: React, elm
  • Własna droga, pragmatyzm
  • Malutki rozmiar
  • Facebook
  • Co jakiś czas coś "wywraca"
 👎🏻
  • Brak masy krytycznej (narzędzia, biblioteki)
  • Inne podejście
  • 124k ⭐
  • 6M
  • 38,7 kB 🏋🏻‍
 👀
  • 16,4k ⭐
  • 4k
  • 1,66 kB 🏋🏻‍
Pewniak, przyszłość 🤔 Mocno kibicuję, czekam na v2 

                                    alert('hello world');
                                

                                    alert('hello world');

Założenia

  • Stan i akcje przekazywane do większości funkcji
    • ~Redux/elm
  • Brak komponentów klasowych
  • Prosty JSX, np. brak className, onclick
  • Akcje z side effectami, asynchroniczne
  • Merge'owanie stanu
  • Specjalne lifecycle events, np. oncreate
  • HOA - Higher Order App :)

Społeczność

Nowy dzień, nowy framework

Linii kodu: 476 (vs. 403)!

TL;DR

  • Actions API 
    
                            const IncBy = (state, { number }) => ({ ...state, val: state.val + number });
                            <button onClick={[IncBy, { number: 5 }]}>Add 5</button>
  • Effects API
    • Async (HTTP, routing, opóźnianie)
  • Subscriptions API
    • Globalne zdarzenia (np. od window)
  • Lazy Lists/components
    • Render tylko na zmianę konkretnej rzeczy w stanie
    • <Lazy render={ListView} list={state.list} />
  • Middleware/DevTools

                    alert('hello world');

Dzięki!