Flow vs Typescript, Creating universal React components and code splitting with React Loadable

React 15.6 was released and so was Webpack 3! Webpack 3 includes some cool new features like scope hoisting and "magic comments". One of webpack’s trade-offs when bundling was that each module in your bundle would be wrapped in individual function closures. These wrapper functions made it slower for your JavaScript to execute in the browser. Scope hoisting concatenates the scope of all your modules into one closure, thus reducing the size of your bundle and increasing execution time. "Magic comments" are comments you add to your dynamic imports which allow for named chunks. Pretty cool stuff!

Also included in this week's newsletter:

  • Flow vs. Typescript? Which one should you choose?
  • react-table: A datagrid component for React
  • React Loadable: split your components and get "Loading" text while your component is loading fo' free
  • React Primitives: create React components that work across all platforms

Happy Coding!

-Sophia Shoemaker

 


Tutorials


Code



About


Like what you've been reading from Fullstack React? You can help us spread the word. Please forward this email to you friends (and let them know they can subscribe here).


Follow us on Twitter


Curated with love by Sophia Shoemaker and the Fullstack.io team.

Suggestions are welcome, just reply to this email - we'd love to hear from you.