Learn How to Power Interfaces with React and Redux and rants - - PowerPoint PPT Presentation

learn how to power interfaces with react and redux
SMART_READER_LITE
LIVE PREVIEW

Learn How to Power Interfaces with React and Redux and rants - - PowerPoint PPT Presentation

Learn How to Power Interfaces with React and Redux and rants React embraces developer confidence + productivity Not the next jQuery Great interop. Making waves because of thought process are changing around interfaces Simple !=


slide-1
SLIDE 1

Learn How to Power Interfaces with React and Redux

and rants

slide-2
SLIDE 2

React embraces developer confidence + productivity

slide-3
SLIDE 3
  • Not the next jQuery
  • Great interop.
  • Making waves because of thought process are

changing around interfaces

slide-4
SLIDE 4

Simple != Easy

slide-5
SLIDE 5

More dependencies Added boilerplate More tech debt Added complexity Small API surface

"Negatives"

slide-6
SLIDE 6
  • Just JS
  • Work within constraints
  • Enables best and worst practices
  • Thoughtful, precise abstractions in components

help a lot!

slide-7
SLIDE 7
  • Lifecycle
  • Composition over inheritance
slide-8
SLIDE 8
  • USE DEVTOOLS
slide-9
SLIDE 9
  • Webpack is massive tech debt
  • Use the least amount of its features
  • Node + Babel plugins > Webpack
slide-10
SLIDE 10
  • Started as an amateur project
  • Original maintainer has significant control, rather than

community

  • Config complexity
  • Doesn't express the best cultural values around

developing software (openness, speed, policy, leverage community)

  • Features driven, rather than focus on being a precise tool
  • Bad docs
slide-11
SLIDE 11

babel src -d dist

slide-12
SLIDE 12
  • Things take time to become perfect
  • You could put a room together of the best

engineers in the room and nothing would get done

  • Find your style of work, but move FAST
  • Efficiency is a goal, but speed should be a

prime factor

slide-13
SLIDE 13
  • Experiment!
  • Debug
  • Iterate
  • Repeat
slide-14
SLIDE 14
  • npm
  • npm scripts
slide-15
SLIDE 15
  • git
  • GitHub