Articles

Code splitting has gained popularity recently for its ability to allow you to split your app into separate bundles your users can progressively load. In this post we’ll take a look at not only what code splitting is and how to do it, but also how to implement it with React Router.

Immutable, structurally shared data structures are a great paradigm for storing state. Especially when combined with an event-sourcing architecture. However, there is a cost to pay. In a language like JavaScript where immutability is not built into the language, producing a new state from the previous one is a boring, boiler-platy task. And still; most of them don’t solve the root problem: lack of language support. So what if we stopped fighting the language and embraced it instead? Without giving up on the elegance provided by persistent data structures. That is exactly what immer does.

React Router v4 introduces a new dynamic, component based approach to routing. In this post, you'll look at the philosophies behind React Router and get an introduction to the syntax by breaking down the “Basic” example on the React Router docs.

I've highlighted this before but wanted to give another shoutout since Mark continues to add posts to it. This is (now) an 11 part series on "Practical Redux" from a Redux core contributor. Whether you're new to Redux or have some experience, you'll learn something.

This article might seem long-winded. James wants to show you how to write actual React and Redux code. But it will take a while to get there. And there is a reason. Redux is not terribly complicated. But with Redux (like React), understanding why you’d want to use it is much more interesting than how it works. So, though it might take you a little while to get to Redux, I think the journey will be worth it.

Resources

From the creators of CodePush. Ship better apps faster by connecting your app’s GitHub repo and automating the rest. After pushing new code, App Center can build your app in the cloud, test it on thousands of real iOS and Android devices, release to beta testers, app stores, or CodePush, and monitor production with crash reports and analytics. Start for free.

In this course, Michel Westrate - Creator of Mobx - will teach us how to model application state after your problem domain with Mobx-state-tree (MST). You will be able to manage the lifecycle of your data by describing data models. Models are like React components, but for data!

react-elemental is a modern, flat, UI library built for React. It is built for maximum development velocity: there is no CSS to import and no additional parameters to add to your Webpack configuration. React Elemental has first-class support for ES6/JSX and works effortlessly with SSR.