Skip to content

Commit

Permalink
Remove redux course closes #27
Browse files Browse the repository at this point in the history
  • Loading branch information
Augustin Le Fèvre committed Aug 29, 2018
1 parent 438bdfb commit 2e4198f
Show file tree
Hide file tree
Showing 21 changed files with 1 addition and 92 deletions.
1 change: 1 addition & 0 deletions additionalResources.md
Original file line number Diff line number Diff line change
Expand Up @@ -22,6 +22,7 @@ Not being fluent with ES2015/2016, and not comfortable with pure array manipulat
- [create-react-app](https://github.com/facebookincubator/create-react-app) (this abstract webpack, babel, the configuration of the test runner)

## Interesting libraries in the ecosystem
- [redux](https://redux.js.org/)
- [normalizr](https://github.com/paularmstrong/normalizr/)
- [reselect](https://github.com/reactjs/reselect)
- [ImmutableJS](http://facebook.github.io/immutable-js/) immutable data structures
Expand Down
88 changes: 0 additions & 88 deletions presentations/presentation/index.js
Original file line number Diff line number Diff line change
Expand Up @@ -79,7 +79,6 @@ export default class Presentation extends React.Component {
<ListItem textSize="2rem">Going further with react ~1 hour</ListItem>
<ListItem textSize="2rem">Practice ~3 hours</ListItem>
<ListItem textSize="2rem">Home sweet home</ListItem>
<ListItem textSize="2rem">Redux ~3 hours</ListItem>
<ListItem textSize="2rem">Lunch break</ListItem>
<ListItem textSize="2rem">
Let's build a full-fledged project ~4 hours
Expand Down Expand Up @@ -207,93 +206,6 @@ export default class Presentation extends React.Component {
</List>
</Slide>

<Slide transition={['zoom']} bgImage={images.kilix} id="redux">
<Heading size={1} fit caps lineHeight={1} textColor="primary">
Redux
</Heading>
</Slide>

<Slide transition={['fade']} bgColor="primary" textColor="secondary">
<Heading size={6} caps>
One way data flow
</Heading>
<Text size={6}>Components work with a top-down data flow</Text>
</Slide>

<Slide transition={['fade']} bgColor="primary" textColor="secondary">
<Heading size={6} caps>
One-way data flow
</Heading>
<Text>
Your views don't have any control on the model, they cannot modify it
</Text>
</Slide>

<Slide transition={['fade']} bgColor="primary" textColor="secondary">
<Heading size={6} caps>
Redux
</Heading>
<Text>A small library to manage your state</Text>
</Slide>

<Slide transition={['fade']} bgColor="primary" textColor="secondary">
<Heading size={6} caps>
Actions, simple objects describing a request
</Heading>
<CodePane
lang="js"
source={`{type: 'ADD_FILTER', keyword: 'react'}
{type: 'REMOVE_FILTER', keyword: 'fp'}
{type: 'RECEIVE_TWITTER_BIO': contactId: 1, value: 'blablabla'}`}
/>
</Slide>

<Slide transition={['fade']} bgColor="primary" textColor="secondary">
<Heading size={6} caps>
The reducer updates the state after each action
</Heading>
<Text>S' = F(S, A)</Text>
</Slide>

<Slide transition={['fade']} bgColor="primary" textColor="secondary">
<Heading size={6} caps>
The reducer updates the state after each action
</Heading>
<Text>S' = F(S, A)</Text>
<Text>And yes, it's a pure function</Text>
</Slide>

<Slide transition={['fade']} bgColor="primary" textColor="secondary">
<Heading size={6} caps>
Let's first use it without React
</Heading>
</Slide>

<Slide transition={['fade']} bgColor="primary" textColor="secondary">
<Heading size={6} caps>
There are bindings for react, angular & co.
</Heading>
</Slide>

<Slide transition={['fade']} bgColor="primary" textColor="secondary">
<Heading size={6} cape>
Let's use that in real life
</Heading>
</Slide>

<Slide transition={['fade']} bgColor="primary" textColor="secondary">
<Heading size={6} cape>
Best-practices
</Heading>
<List>
<ListItem>Single source of truth</ListItem>
<ListItem>No duplication</ListItem>
<ListItem>Don't store something that can be computed</ListItem>
<ListItem>Normalize your data</ListItem>
<ListItem>Keep presentational and container components separated</ListItem>
</List>
</Slide>

<Slide transition={['fade']} bgColor="secondary" textColor="primary">
<Heading size={6}>Practice</Heading>
<List>
Expand Down
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
4 changes: 0 additions & 4 deletions src/index.js
Original file line number Diff line number Diff line change
Expand Up @@ -28,9 +28,5 @@ import './examples/intro/intro';
// import './examples/secondCourse/refs';
// import './examples/secondCourse/events';

// Redux
// import './reduxCourse/example';

// Main practice
// import './fullReduxApp/main';
// import './practice/main/app';

0 comments on commit 2e4198f

Please sign in to comment.