choose between preact (preactjs) vs react in your next project

Preact (preactjs) vs React


what are big advantages of preact


small in size

preact itself small in size (excluding some functionality from core)

Thinnest virtual dom layer


Preact presents a very thinnest layer virtual dom abstraction above Real DOM, it also registers dom events to improve functionality, basic intention is to use most of the existing web functionality and less wrapping of on top of that

Performance improvement

It also has a huge performance improvement due to its compactness. 
It even includes extra performance features like customizable update batching, optional async rendering, DOM recycling, and optimized event handling via Linked State.



make a progressive web app with gatsbyjs

introduction to Gatsbyjs

if you want to build blazing fast, modern, beautiful and progressive web app gatsbyjs is your best choice.i have walked through many open source applications like nextjsreactpwa, and others but found gatsbyjs awesome in terms of frontend only framework, 

Modern stack without effort:
The big benefit of using gatsbyjs is that you get full working latest technology stack without any effort, everything is already set up (react.js, Webpack, modern JavaScript and CSS ) and you just need to write your business logic and start development
Progressive web app
Gatsbyjs is progressive web app by nature it loads basic UI very quickly and makes API calls later that improves usability, it also prefetches urls that improve site performance

Fast performance
Prebuild pages boasts performance of web app, gatsybjs does not generate on run time on request. Instead, it prebuilds pages that are ready to deliver instantly

Static scalability 
gatsybjs is just a static website that you can place on any web server or s3 and server by cloudfront etc. it relaxes you from the complex deployment of backend and databases.
Bring your own server
you can make  you API server separately and use it with gatsbyjs , it has the awesome feature of graphql which helps to connect any kind of backend


Future of apps what is a Progressive Web App

what is a Progressive Web App?


A Progressive Web App is:
  • Progressive - now we have many types of devices and browsers and it is quite tough to make an application that fits all devices and browsers, but the mission of progressive application is to cover all modern browsers and every type of device with different screen resolutions 
  • Responsive - Fits any form factor: desktop, mobile, tablet, responsiveness is key to user experience, without Focusing on responsive no app is successful 
  • Connectivity independent - Enhanced with service workers to work offline or on low-quality networks. a good thing about a service worker they run in a separate thread and capable of doing much more. like caching, network proxy
  • App-like - A progressive web app is similar to the mobile web app, UI is similar also the separation of UI/Functionality with data is similar, now you can load UI and functionality first and content/data later it will increase the performance of the application
  • Fresh - Always up-to-date thanks to the service worker update process.
  • Safe - Served via HTTPS to prevent snooping and to ensure content hasn't been tampered with.
  • Discoverable - Is identifiable as an "application" thanks to W3C manifest and service worker registration scope, allowing search engines to find it.
  • Re-engageable - Makes re-engagement easy through features like push notifications.
  • Installable - Allows users to add apps they find most useful to their home screen without the hassle of an app store.
  • Linkable - Easily share the application via URL, does not require complex installation. The good thing about Progress web app is it is lightweight, it does not require installation and downloading is also progressive that makes it faster unlike mobile app which requires a complete installation