React Native Performance Profiling – Adam Stanford – Medium

  • React Native Performance ProfilingOver the past six months at WeDo, we have been working on improving the performance our React Native app.
  • */)Tracking Unnecessary RendersThis might easily be the biggest issue we faced for most of our react native performance issues.
  • You can then either log this, display it in your view, or like we did and use React Native Debugger and inspect our components directly.connect(stateToProps, dispatchToProps, null, {renderCountProp: will give you insight into how many times your view is rendering.
  • In our case we use Reselect as much as we can, so for us this wasn’t an issue as new objects are never returned unless the data within them has changed.Redux Level PerformanceMost of our performance issues were not on the Redux layer of our app.
  • Recently tracking components and views performance within a shared spreadsheet helps us track performance for better or worse.

Over the past six months at WeDo, we have been working on improving the performance our React Native app. With any performance issues, profiling is the first step. In this article I will cover what…
Continue reading “React Native Performance Profiling – Adam Stanford – Medium”

As a much as it can Functional programming with React & Mobx · Issue #69 · mobxjs/mobx-react · GitHub

Nice idea for state*full* function components? #reactjs #mobx

  • It might be a nice way to write components.
  • @jmaguirrei for simplicity mobx-react turns the components into classes.
  • I noticed that the only reason to write class-like components is often having local state.
  • I am building a collaborative app and I am wondering if it’s possible to have almost just pure functions with React & Mobx, that means, no React State at all (only mobx state) and as few as possible lifecycle methods from React (for example to scroll to the bottom of a list when the component is mounted/updated).
  • At facebook say that future performance improvements are coming if you use this pattern for your components.

Read the full article, click here.


@mweststrate: “Nice idea for state*full* function components? #reactjs #mobx”


mobx-react – React bindings for MobX


As a much as it can Functional programming with React & Mobx · Issue #69 · mobxjs/mobx-react · GitHub