Nested stateless components do not hot reload

• Provide a minimal code snippet / rnplay example that reproduces the bug.

import React, { Component } from 'react';
import {
  AppRegistry,
  View,
  Text
} from 'react-native';

const ThisWillNotHotReload = () => {
  return (
    <Text>If change this text, it will not hot reload.</Text>
  )
}

const BugTest = () => {
  return (
    <View style={{
      flex: 1,
      justifyContent: 'center',
      alignItems: 'center'
    }}>
      <ThisWillNotHotReload />
    </View>
  )
}

AppRegistry.registerComponent('BugTest', () => BugTest);

• Provide screenshots where appropriate

Stateless components:

Same but with a class:

• What’s the version of React Native you’re using?

0.28.0

• Does this occur on iOS, Android or both?

both

• Are you using Mac, Linux or Windows?

Mac

[sospedra]

Bump! +1 on v0.40 (Styling RN apps without HMR is a pain in the 💨 )

[gaearon]

(The only caveat is that for Fast Refresh to work, you’ll need to move your root component to a separate file)