What happens if you edit a module that only exports React components in Fast Refresh?

When you edit a module that only exports React components in Fast Refresh, the following occurs:

1. Code Update and Re-render: Fast Refresh will update the code only for that specific module and re-render your component. This means that any changes you make to the module, including styles, rendering logic, event handlers, or effects, will be reflected almost instantly without requiring a full reload of the application[2][3][4].

2. State Preservation: Fast Refresh attempts to preserve the local state of function components and Hooks by default. This ensures that the state of your components remains intact across edits, providing a seamless development experience[1][2][4].

3. Error Handling: If there are any syntax or runtime errors during the Fast Refresh session, you can fix them and save the file again. Fast Refresh will automatically retry rendering the component, and the error overlay (redbox) will disappear without needing to reload the app manually[1][2][3].

Overall, Fast Refresh provides a more reliable and efficient way to see changes in your React components in real-time, significantly improving the developer experience.

Citations:
[1] https://reactnative.dev/blog/2019/09/18/version-0.61
[2] https://reactnative.dev/docs...