Software Development: Lib vs Runtime vs Framework vs App

These terms may confuse some, about when a term is used:

• Lib: A pack of functions to use
• eg. Express Lib, Socket.io Lib
• Runtime: A set of libs for common use cases
• eg. Browser Runtime, Node.js Runtime
• Framework: A runtime which specify order of use
• eg. React.js, Angular
• App: The software built on lib/runtime/framework
• eg. ChatGPT, Google Doc

People are shifting away from server-page tech, and using web-app tech, and these are the differences

• Classic server-page: 
• UI rendered on server, with data already shown in content
• Usually for websites, with whole-page scrollbars
• Modern web-app: 
• UI is loaded once, data are dynamically loaded after
• Usually for apps, with scrollbars on components only