Replacing Redux with ReactN to reduce complexity and bundle size

The Application 0️⃣

The Redux Application 1️⃣

The Dependencies 👶👶👶

Initializing the Global State 🎬

Connecting the Components 🚈

Reading from and Writing to the Global State 👁‍🗨

The ReactN Application 2️⃣

The D̶e̶p̶e̶n̶d̶e̶n̶c̶i̶e̶s̶ Dependency 👶

Initializing the Global State 🎬

Connecting the Components 🚈

Reading from and Writing to the Global State 👁‍🗨

fetchData 🐶

One Last Comparison 🏁

Before: index.js with Redux 🔴

After: index.js with ReactN 💚

Before: App.js with Redux 🔴

After: App.js with ReactN 💚

The Cold, Hard Fact ⛄

Conclusion 🔚

Senior front end engineer / charlesstover.com

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store