App ↔ Software to perform specific task

aka Apps, Application, Applications

Business Logic

Rules & Logic for Program to deal with users & its purpose

Infrastructure Logic

Logic that makes your app work

Front-End App (JS)

App to Execute in Browser Runtime with access to window (Global Object)

Component-Driven

Paradigm to build UI bottom up from basic to assembly

References

1. Web App ↔ App run in Browser

2. API ↔ App's Method & properties exposed to outside with rules for interacting

3. JS Framework ↔ guidelines to design & structure JS Apps

4. Hot Module Replacement ↔ (feat) to update Module in live App instance seamlessly

5. Lib ↔ Library Collection of prewritten Code to reuse in App

6. state ↔ persistent Snapshot of infothat App can access at given point in time

7. npm run build ↔ to bundle App into final static output for production

8. react-dom/client ↔ React 18+ Package to render App

9. React DevTools ↔ Browser Extension to inspect React App (dev build only!) to view Component Hierarchy, props & state

10. Back-end App (JS) ↔ App to execute Node.js Runtime with access to fs, DB and network servers

11. Web Workers API ↔ Web API to run Script in Background Thread separate Thread of main App for better perf

12. Background Thread ↔ Thread run separate from main Execution Thread of App

13. Model ↔ MVC component to manipulate data in App

14. express-generator ↔ Express App generator Scaffolding utility to create app skeleton

15. Scaffolding ↔ utility Program to generate Boilerplate/template, set App skeleton

16. CRUD ↔ 4 fundamental App needs to operate on persistent storage

17. DSL ↔ Computer Lang specialized to a specific App Domain

18. entry point ↔ to set default file to run when start App (usually index.js)

19. Electron ↔ JS Framework to build desktop Apps with JS, HTML & CSS, embed in Chromium & Node.js

20. UX ↔ How end-user experiences and feels about App

21. DX ↔ How Developer Experiences & feels when using tools to develop App

22. <BrowserRouter> ↔ Provider for global access to react-router-dom in App

23. DRM ↔ System to manage License access/distribution for App/product/service

24. Root Layout ↔ top-level layout.tsx to share across all Pages in App, to define <html\> & <body\>

25. next build ↔ to build Next.js App for prod

26. .env ↔ (dotconfig) to store Environment Variable to global access in App

27. Component Based Architecture ↔ (Paradigm) to visualize UI as Component to architect (DOS (Design Organize Structure )) Apps

28. Predictable ↔ redux helps scale Apps with consistent behaviour by restict data flow into a predictable pattern of dispatch>reducer>state

29. React ↔ Minimalist Lib to build App UI via Declarative Component Based Architecture

30. .msi ↔ Windows Application installer superset of .exe

31. Socksifier ↔ Program to allow App to access network

32. pgp4win ↔ WinOS Dev tool to verify PGP signature of App installer

33. MVC ↔ (Design Pattern) to architect App as 3 core Concern: MVC (Model View Controller )

34. Docker Container Image ↔ immutable snapshot of Software & Deps-tree down to OS-layer (everything req to run App)

35. Front-End App (JS) ↔ App to Execute in Browser Runtime with access to window (Global Object)

36. Webhook ↔ Listener for Async web event, to push real-time updates to App/Backend

37. createRoot() ↔ react-dom/client Method to create new Root container to inject App

38. Microservices ↔ cloud-native Functional Paradigm to architect App by split functions into Containerize service to deploy as Online API

39. Monolithic Architecture ↔ of server-side system run on single App

40. <div id="root"></div> ↔ root container to render React App into

41. Centralized ↔ redux manages App state from single global location

42. yarn create react-app ↔ yarn to init new CRA App

43. Accessibility ↔ to design App for max usability vs devices/cognitive impairment

44. Redux Store ↔ central global container to manage App state for redux

45. Main Thread ↔ Execution Thread for main App process inside CPU