react-redux-workshop

Best practice in development with React JS with Vít Jouda http://slides.com/vitjouda/sqn-react-workshop

Notes @ondrejhudek

NPM packages

• nodemon
• concurrently
• babel pluginy (babel.config.js)
• recompose

Interestings

• Webpack / module bundler
  • tree shaking (require/import, cuts imports)
  • side effects flag
• Swagger (OpenApi3) / api
• Storybook / component development
• HOC
• Next.js
• ramda
• axios
• redux (reducers, selectors - good for caching)
  • flux-standard-action
  • redux-actions
  • redux-api-middleware
  • redux-saga
  • react-waterfall
  • rematch
  • redux-form
    • can use with ValidateJS
  • { connect }
• progressive apps
  • also works in offline (localStorage, cache & servis-workes)
  • should work Chrome on Android, in Chrome on desktop with flag (Desktop PWAs)
  • hopefully will be on iOS
  • good and quick start
  • webpack plugins (offline-plugin)
• propTypes
• styling: BEM, JSS (nativaly used in Material-UI), styled-components
• testing
  • enzyme (shallow, mount, render)
  • snapshots (against TDD, diffs, good for reducers)