redux rx js

12
#DevoxxFR #ReduxEnRxJS Redux en RxJS Florent Le Gall (Fluo) @flornt 1

Upload: florent-le-gall

Post on 18-Jan-2017

133 views

Category:

Software


0 download

TRANSCRIPT

DevoxxFR ReduxEnRxJS

Redux en RxJS

Florent Le Gall (Fluo) flornt

1

DevoxxFR ReduxEnRxJS

Redux en RxJS

2

bull Redux

bull RxJS - Scan

bull Live coding

DevoxxFR ReduxEnRxJS

Redux

3

bull ldquoA predictable state container for JavaScript appsrdquo

DevoxxFR ReduxEnRxJS

Redux

4

DevoxxFR ReduxEnRxJS

Redux

5

DevoxxFR ReduxEnRxJS

Redux

6

DevoxxFR ReduxEnRxJS

Redux

7

bull Une seule source de veacuteriteacute le store

bull Lrsquoeacutetat en lecture seule

bull Changements reacutealiseacutes avec des fonctions pures

DevoxxFR ReduxEnRxJS

Redux

8

(previousState action) =gt newState

DevoxxFR ReduxEnRxJS

Rx - Scan

9

DevoxxFR ReduxEnRxJS

Rx - Dispatch Subscribe

10

DevoxxFR ReduxEnRxJS

Live Coding

httpsgithubcomflegalldevoxx-redux-rxjs

11

DevoxxFR ReduxEnRxJS

Merci

httpsgithubcomflegalldevoxx-redux-rxjs (code)

httpscss-trickscomlearning-react-redux (scheacutemas Redux)

httpsgithubcomgarblesyolk (YolkJS)

12

DevoxxFR ReduxEnRxJS

Redux en RxJS

2

bull Redux

bull RxJS - Scan

bull Live coding

DevoxxFR ReduxEnRxJS

Redux

3

bull ldquoA predictable state container for JavaScript appsrdquo

DevoxxFR ReduxEnRxJS

Redux

4

DevoxxFR ReduxEnRxJS

Redux

5

DevoxxFR ReduxEnRxJS

Redux

6

DevoxxFR ReduxEnRxJS

Redux

7

bull Une seule source de veacuteriteacute le store

bull Lrsquoeacutetat en lecture seule

bull Changements reacutealiseacutes avec des fonctions pures

DevoxxFR ReduxEnRxJS

Redux

8

(previousState action) =gt newState

DevoxxFR ReduxEnRxJS

Rx - Scan

9

DevoxxFR ReduxEnRxJS

Rx - Dispatch Subscribe

10

DevoxxFR ReduxEnRxJS

Live Coding

httpsgithubcomflegalldevoxx-redux-rxjs

11

DevoxxFR ReduxEnRxJS

Merci

httpsgithubcomflegalldevoxx-redux-rxjs (code)

httpscss-trickscomlearning-react-redux (scheacutemas Redux)

httpsgithubcomgarblesyolk (YolkJS)

12

DevoxxFR ReduxEnRxJS

Redux

3

bull ldquoA predictable state container for JavaScript appsrdquo

DevoxxFR ReduxEnRxJS

Redux

4

DevoxxFR ReduxEnRxJS

Redux

5

DevoxxFR ReduxEnRxJS

Redux

6

DevoxxFR ReduxEnRxJS

Redux

7

bull Une seule source de veacuteriteacute le store

bull Lrsquoeacutetat en lecture seule

bull Changements reacutealiseacutes avec des fonctions pures

DevoxxFR ReduxEnRxJS

Redux

8

(previousState action) =gt newState

DevoxxFR ReduxEnRxJS

Rx - Scan

9

DevoxxFR ReduxEnRxJS

Rx - Dispatch Subscribe

10

DevoxxFR ReduxEnRxJS

Live Coding

httpsgithubcomflegalldevoxx-redux-rxjs

11

DevoxxFR ReduxEnRxJS

Merci

httpsgithubcomflegalldevoxx-redux-rxjs (code)

httpscss-trickscomlearning-react-redux (scheacutemas Redux)

httpsgithubcomgarblesyolk (YolkJS)

12

DevoxxFR ReduxEnRxJS

Redux

4

DevoxxFR ReduxEnRxJS

Redux

5

DevoxxFR ReduxEnRxJS

Redux

6

DevoxxFR ReduxEnRxJS

Redux

7

bull Une seule source de veacuteriteacute le store

bull Lrsquoeacutetat en lecture seule

bull Changements reacutealiseacutes avec des fonctions pures

DevoxxFR ReduxEnRxJS

Redux

8

(previousState action) =gt newState

DevoxxFR ReduxEnRxJS

Rx - Scan

9

DevoxxFR ReduxEnRxJS

Rx - Dispatch Subscribe

10

DevoxxFR ReduxEnRxJS

Live Coding

httpsgithubcomflegalldevoxx-redux-rxjs

11

DevoxxFR ReduxEnRxJS

Merci

httpsgithubcomflegalldevoxx-redux-rxjs (code)

httpscss-trickscomlearning-react-redux (scheacutemas Redux)

httpsgithubcomgarblesyolk (YolkJS)

12

DevoxxFR ReduxEnRxJS

Redux

5

DevoxxFR ReduxEnRxJS

Redux

6

DevoxxFR ReduxEnRxJS

Redux

7

bull Une seule source de veacuteriteacute le store

bull Lrsquoeacutetat en lecture seule

bull Changements reacutealiseacutes avec des fonctions pures

DevoxxFR ReduxEnRxJS

Redux

8

(previousState action) =gt newState

DevoxxFR ReduxEnRxJS

Rx - Scan

9

DevoxxFR ReduxEnRxJS

Rx - Dispatch Subscribe

10

DevoxxFR ReduxEnRxJS

Live Coding

httpsgithubcomflegalldevoxx-redux-rxjs

11

DevoxxFR ReduxEnRxJS

Merci

httpsgithubcomflegalldevoxx-redux-rxjs (code)

httpscss-trickscomlearning-react-redux (scheacutemas Redux)

httpsgithubcomgarblesyolk (YolkJS)

12

DevoxxFR ReduxEnRxJS

Redux

6

DevoxxFR ReduxEnRxJS

Redux

7

bull Une seule source de veacuteriteacute le store

bull Lrsquoeacutetat en lecture seule

bull Changements reacutealiseacutes avec des fonctions pures

DevoxxFR ReduxEnRxJS

Redux

8

(previousState action) =gt newState

DevoxxFR ReduxEnRxJS

Rx - Scan

9

DevoxxFR ReduxEnRxJS

Rx - Dispatch Subscribe

10

DevoxxFR ReduxEnRxJS

Live Coding

httpsgithubcomflegalldevoxx-redux-rxjs

11

DevoxxFR ReduxEnRxJS

Merci

httpsgithubcomflegalldevoxx-redux-rxjs (code)

httpscss-trickscomlearning-react-redux (scheacutemas Redux)

httpsgithubcomgarblesyolk (YolkJS)

12

DevoxxFR ReduxEnRxJS

Redux

7

bull Une seule source de veacuteriteacute le store

bull Lrsquoeacutetat en lecture seule

bull Changements reacutealiseacutes avec des fonctions pures

DevoxxFR ReduxEnRxJS

Redux

8

(previousState action) =gt newState

DevoxxFR ReduxEnRxJS

Rx - Scan

9

DevoxxFR ReduxEnRxJS

Rx - Dispatch Subscribe

10

DevoxxFR ReduxEnRxJS

Live Coding

httpsgithubcomflegalldevoxx-redux-rxjs

11

DevoxxFR ReduxEnRxJS

Merci

httpsgithubcomflegalldevoxx-redux-rxjs (code)

httpscss-trickscomlearning-react-redux (scheacutemas Redux)

httpsgithubcomgarblesyolk (YolkJS)

12

DevoxxFR ReduxEnRxJS

Redux

8

(previousState action) =gt newState

DevoxxFR ReduxEnRxJS

Rx - Scan

9

DevoxxFR ReduxEnRxJS

Rx - Dispatch Subscribe

10

DevoxxFR ReduxEnRxJS

Live Coding

httpsgithubcomflegalldevoxx-redux-rxjs

11

DevoxxFR ReduxEnRxJS

Merci

httpsgithubcomflegalldevoxx-redux-rxjs (code)

httpscss-trickscomlearning-react-redux (scheacutemas Redux)

httpsgithubcomgarblesyolk (YolkJS)

12

DevoxxFR ReduxEnRxJS

Rx - Scan

9

DevoxxFR ReduxEnRxJS

Rx - Dispatch Subscribe

10

DevoxxFR ReduxEnRxJS

Live Coding

httpsgithubcomflegalldevoxx-redux-rxjs

11

DevoxxFR ReduxEnRxJS

Merci

httpsgithubcomflegalldevoxx-redux-rxjs (code)

httpscss-trickscomlearning-react-redux (scheacutemas Redux)

httpsgithubcomgarblesyolk (YolkJS)

12

DevoxxFR ReduxEnRxJS

Rx - Dispatch Subscribe

10

DevoxxFR ReduxEnRxJS

Live Coding

httpsgithubcomflegalldevoxx-redux-rxjs

11

DevoxxFR ReduxEnRxJS

Merci

httpsgithubcomflegalldevoxx-redux-rxjs (code)

httpscss-trickscomlearning-react-redux (scheacutemas Redux)

httpsgithubcomgarblesyolk (YolkJS)

12

DevoxxFR ReduxEnRxJS

Live Coding

httpsgithubcomflegalldevoxx-redux-rxjs

11

DevoxxFR ReduxEnRxJS

Merci

httpsgithubcomflegalldevoxx-redux-rxjs (code)

httpscss-trickscomlearning-react-redux (scheacutemas Redux)

httpsgithubcomgarblesyolk (YolkJS)

12

DevoxxFR ReduxEnRxJS

Merci

httpsgithubcomflegalldevoxx-redux-rxjs (code)

httpscss-trickscomlearning-react-redux (scheacutemas Redux)

httpsgithubcomgarblesyolk (YolkJS)

12