React List

animations.md

React TransitionGroupPlus

• https://github.com/cheapsteak/react-transition-group-plus/
• http://cheapsteak.github.io/react-transition-group-plus/

React CSS Transition Replace

• http://marnusw.github.io/react-css-transition-replace/
• https://github.com/marnusw/react-css-transition-replace

ReactTransitionGroup

• https://www.pshrmn.com/tutorials/react/animation/react-transition-group/
• https://facebook.github.io/react/docs/animation.html
• https://medium.com/appifycanada/animations-with-reacttransitiongroup-4972ad7da286

GSAP

• https://github.com/azazdeaz/react-gsap-enhancer

React Motion

• https://github.com/chenglou/react-motion

React Stagger

• https://github.com/natenorberg/react-css-stagger

links.md

• https://github.com/leoasis/workshop-pensando-en-react

react-functions.md

Use ref callbacks

• https://learnreact.com/lessons/react-function-components-use-ref-callbacks

---

Object Rest Properties and JSX Spread Attributes

• https://learnreact.com/lessons/react-function-components-use-object-rest-properties-and-jsx-spread-attributes

---

Destructuring Assignment

• https://learnreact.com/lessons/react-function-components-use-destructuring-assignment

react-router.md

• https://reacttraining.com/react-router/web
• https://medium.com/@pshrmn/a-simple-react-router-v4-tutorial-7f23ff27adf
• https://scotch.io/tutorials/routing-react-apps-the-complete-guide
• https://pshrmn.github.io/route-tester/#/
• https://github.com/ReactTraining/react-router
• https://css-tricks.com/learning-react-router/
• https://www.sigient.com/blog/getting-rowdy-with-react-router

redux.md

Computing Derived Data

• http://redux.js.org/docs/recipes/ComputingDerivedData.html
• https://github.com/reactjs/reselect

---

API

• https://github.com/reactjs/react-redux/blob/master/docs/api.md

---

Example Redux Reselect

• http://blog.rangle.io/react-and-redux-performance-with-reselect/
• https://github.com/neilff/react-redux-performance

export const getItems = (state) => state.cart.get('items');
export const getItemsWithTotals = createSelector(
  [ getItems ],
  (items) => {
    return items.map(i => {
      return i.set('total', i.get('price', 0) * i.get('quantity'));
    });
  }
);

ScrollRevealReact.js

## Use ScrollReveal on React
- https://andrewshiau.wordpress.com/2017/04/02/use-scrollreveal-js-on-a-react-component/