React PWA Tutorial
React PWA Tutorial Introduction React is one of the most popular JavaScript libraries for building user interfaces. Progressive Web Application (PWA) has been present for quite some time, but now it is becoming more and more popular. I searched online for a simple post about React and PWA, but there are so many confusing posts and most of the times I see either how to build a React App or how to build a PWA, but they do not give a full picture of both. Hence I decided to write this post. This blog post will give you a comprehensive overview of the following: Building a simple React App Converting the React App into a PWA Deploying the PWA on Firebase Progressive Web Application (PWA) Why do we need a PWA? The advantages of a PWA over a regular web application are, it is: Responsive : It can fit any screen size Reliable : It can load fast and can work seamlessly in poor network conditions Fast : It can respond fast to user interactions and page scrol