React Native – Hot Reloading vs Live Reloading
React Native Lesson 3 (Hot Reloading vs Live Reloading)
Are you working on a Live React Native Application? so you must have seen 2 developers options given by React Native to us for Making our work easier. these 2 options are –
- Hot Reloading
- Live Reloading
These Options are provided to developers to make their work easy. as with these options, we don’t need to reload our app manually to see changes we have just made. so let’s just jump into details.
so, first of all, we must know what these 2 words mean.
- Live Realoding – Live Reloading is a feature in React Native Application Development which when enabled watches for our changes we are making in our files. and whenever we click “ctrl + s” to save our document it just read our files, compiles these files and provide new files to the server which then reloads our application automatically so that we can see our changes. but the only drawback we can see in Live Reloading is that it Reloads our application from starting point again and again. so if suppose we are working on an application and I am deep inside some pages or screens then I need to go again there to see my changes works or not. it may be annoying usually whenever we are tweaking our UI part because to see ever color changes we need to go to that screen by following all procedures/ clicking on all screens which comes before that change screen. so to overcome this problem Facebook include HMR Functionality in React Native Architecture to make our life easier when developing React Native applications. now let’s see what Hot Reloading can do for us!
- Hot Reloading – Hot Reloading is introduced after Live Reloading in React Native Application Development Environment. so basically Hot Reloading is based on HMR (Hot Module Replacement) which was first introduced by WebPack we commonly use in React JS Applications to make Changes loads on run time. so what basically this HMR does in React Native?
To better understand the basic difference between Live Realoding and Hot Reloading you can see our video on this. as a video is much better than Reading Thousands of words.
Please don’t forget to Like and Subscribe our channel we will be making more videos on React Native so stay tuned there.
So that’s all about Live Reloading vs Hot Reloading. if you have any doubt regarding this you can comment below I will answer all your queries.