question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Bug

Hot Reloading doesn’t seem to be working

Environment info

React native info output:

System:
    OS: macOS 10.14.5
    CPU: (12) x64 Intel(R) Core(TM) i7-8750H CPU @ 2.20GHz
    Memory: 82.00 MB / 16.00 GB
    Shell: 5.3 - /bin/zsh
  Binaries:
    Node: 10.15.3 - ~/.nvm/versions/node/v10.15.3/bin/node
    Yarn: 1.16.0 - /usr/local/bin/yarn
    npm: 6.4.1 - ~/.nvm/versions/node/v10.15.3/bin/npm
    Watchman: 4.9.0 - /usr/local/bin/watchman
  SDKs:
    iOS SDK:
      Platforms: iOS 12.2, macOS 10.14, tvOS 12.2, watchOS 5.2
  IDEs:
    Android Studio: 3.4 AI-183.6156.11.34.5522156
    Xcode: 10.2.1/10E1001 - /usr/bin/xcodebuild
  npmPackages:
    react: 16.8.6 => 16.8.6 
    react-native: 0.60.3 => 0.60.3 
  npmGlobalPackages:
    react-native-cli: 2.0.1

Library version: x.x.x

Steps To Reproduce

  1. Enable Hot reloading
  2. Change some text in App.tsx …

Describe what you expected to happen:

  1. Text should change with hot reloading enabled

Reproducible sample code

None required

Issue Analytics

  • State:closed
  • Created 4 years ago
  • Reactions:6
  • Comments:10

github_iconTop GitHub Comments

4reactions
KostasDimakiscommented, Sep 6, 2019

Woop! 🎉I tested with 0.61.0-rc.2, as in npx react-native init RN061 --version react-native@next --template typescript and I can confirm that fast refresh is working as intended.

2reactions
KostasDimakiscommented, Sep 1, 2019

I am facing the same issue as well.

And just to add a bit more context on this. When I make a change to App.tsx for example I do see “Hot reloading…” on the emulator but the changes aren’t applied.

react: 16.8.6 react-native: 0.60.5 node: 10.15.0

Read more comments on GitHub >

github_iconTop Results From Across the Web

What is the difference between Hot Reloading and Live ...
Hot reload just displays the code changes according to new code changes without restarting the app from the start and its effects only...
Read more >
Introducing Hot Reloading - React Native
The idea behind hot reloading is to keep the app running and to inject new versions of the files that you edited at...
Read more >
Hot reload - Flutter documentation
Flutter's hot reload feature helps you quickly and easily experiment, build UIs, add features, and fix bugs. Hot reload works by injecting updated...
Read more >
What is hot-reloading exactly, is it just another fancy term for ...
When you develop an Application where you build your Js using Modules then the Hot Part of reloading can replace your module on-the-fly...
Read more >
Introducing the .NET Hot Reload experience for editing code ...
With Hot Reload you can now modify your apps managed source code while the application is running, without the need to manually pause...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found