#104 Code Splitting with Webpack - React & React Router Version

sponsor

Add Powerful UI Components to your React Apps with ExtReact

Learn how to build data-intensive, cross-platform web apps leveraging more than 115 professionally tested and supported Sencha components and React. Try it for free today.

this week's favorite

Code Splitting with Webpack - React & React Router Version

Code splitting is the act of splitting up an application’s bundle into logical chunks. These logical chunks of code are meant to be fetched dynamically in a later time. Keeping the initial file a user has to download lean. And only downloading logical chunks of code in a asynchronous manner when they are actually needed — i.e., visiting a route, performing an action, etc..

Using Firebase with Redux for Building a React App

Firebase Realtime Database is a cloud-hosted database from Google which is positioned as Backend-as-a-Service (BaaS). It is a NoSQL database and data is stored as key-value pairs.

Redux isn't slow, you're just doing it wrong - An optimization guide

It's not very obvious how to optimize react applications that use Redux. But it's actually fairly straightforward. Here's a short guide, along with a few examples.

The Fullstack Tutorial for GraphQL

The free and open-source tutorial to learn all around GraphQL to go from zero to production.

Introducing Microcosm: Our Data Layer For React

Microcosm is our general purpose tool for keeping React apps organized. We use it to work with application state, split large projects into manageable chunks, and as the guiding star for our application architecture. In this post, I'll provide a high level overview of Microcosm and some of the features I find particularly valuable. Don't forget to check out the project on Github!

newsletters

Would you like to become a sponsor and advertise in one of the issues? Check out our media kit and get in touch.