#104 – July 16, 2017
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.
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!