Tour d'horizon de l'écosystème React-ien

Salut !

Guillaume Besson

@geekuillaume

guillaume@besson.co

React seul ?

Un histoire de taille

Minifié Gzip

Ember 478K 121K

Angular 165K 58K

React 6.5 + 101K 2.8 + 32K

Vue 81K 30K

Preact 8.1K 3.4K

Ca manque

Routing State

Models

Et d’autres...

https://github.com/sindresorhus/awesome

https://github.com/enaqx/awesome-react

Styling

Le classique style.css

https://github.com/webpack-contrib/css-loader

Et le naming ?

https://github.com/css-modules/css-modules

Avec Webpack CSS loader

Et l’extensibilité ?

https://github.com/styled-components/styled-components

State Management

Le problème

Globals ou props hell ?

Side effects

+ React-Redux+ Immutable.js

Trois principes de Redux

● Single source of truth● State is read-only● Changes are made with pure functions

En plus: Opérations asynchrones

En plus: moins de boilerplate

https://github.com/reduxactions/redux-actions

En plus: Reselect

Developer Experience

En plus: redux-devtools

Build lent en dev ?

Hot Module Replacement

Tester en dehors du réseau local

https://ngrok.com/

Merci !@geekuillaume

guillaume@besson.co