from Angular 1.x to React

How to refactor our applications?

Why?

  • Hype?!
  • Support
  • Performances
  • Architecture
  • Developer UX

Strategy

Top-down

Bottom-up

Inception / Slices

An app inside an app

Decouple from Angular

  • $q
  • $http
  • inject
  • angular-translate

Tactics

It's fine but...

What about the overhead?

Library Size (min) Size (gzip)
react 22.5 ko 7.8 ko
react-dom 127 ko 38.8 ko
Promise polyfill 6.47 ko 2.4 ko
ngReact 2.7 ko 2.0 ko
Redux 5.6 ko 2.3 ko
Total 164.27 ko 53,3 ko

What about the state?

What about the i18n?

Conclusion

Refactoring is hard!

Decouple your code.

Use FormatJS...

Q/A

Made with Slides.com