You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: README.md
+31-11Lines changed: 31 additions & 11 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -16,7 +16,10 @@
16
16
17
17
💻 ***Neo.mjs v10 isn't an upgrade — it's a new operating system for the web. Where others optimize at the margins, we reinvented the engine.***
18
18
19
-
Imagine web applications that never jank, no matter how complex the logic, how many real-time updates they handle, or how many browser windows they span. Neo.mjs is engineered from the ground up to deliver **desktop-like fluidity and scalability**. **It is simply the best option for browser-based multi-window applications**, operating fundamentally differently from traditional frameworks.
19
+
Imagine web applications that never jank, no matter how complex the logic, how many real-time updates they handle, or how
20
+
many browser windows they span. Neo.mjs is engineered from the ground up to deliver **desktop-like fluidity and scalability**.
21
+
**While it excels for Single Page Apps (SPAs), Neo.mjs is simply the best option for browser-based multi-window applications**,
22
+
operating fundamentally different from traditional frameworks.
20
23
21
24
By leveraging a **pioneering Off-Main-Thread (OMT) architecture**, Neo.mjs ensures your UI remains butter-smooth, even during computationally intensive tasks like complex data processing or advanced graphics rendering. The main thread is kept free for one purpose: **flawless user interactions and seamless DOM updates.**
22
25
@@ -27,22 +30,32 @@ By leveraging a **pioneering Off-Main-Thread (OMT) architecture**, Neo.mjs ensur
27
30
28
31
</br></br>
29
32
## 🚀 Why Choose Neo.mjs? Solving the Toughest UI Challenges
30
-
Traditional single-threaded frontend frameworks often struggle with performance bottlenecks and UI freezes, especially for large-scale, data-intensive, or real-time applications. Neo.mjs offers a fundamentally different solution, designed for **uncompromising performance, enhanced security, and superior developer experience.**
33
+
Traditional single-threaded frontend frameworks often struggle with performance bottlenecks and UI freezes, especially for
34
+
large-scale, data-intensive, or real-time applications. Neo.mjs offers a fundamentally different solution, designed for
35
+
**uncompromising performance, enhanced security, and superior developer experience.**
31
36
32
37
1.**Eliminate UI Freezes with True Multithreading**:
33
38
> *"The browser's main thread should be treated like a neurosurgeon: only perform precise, scheduled operations with zero distractions."*</br></br>
34
39
— Neo.mjs Core Philosophy
35
40
36
41
Neo.mjs's OMT architecture inherently prevents UI freezes. With v10's optimized rendering pipeline, your UI will remain even *more*
37
-
consistently responsive, even during intense data processing or complex graphics rendering. It achieves an astonishing rate of **over 40,000 delta updates per second** in optimized environments. This translates to an engine with vast untapped potential, limited only by user interaction, not the framework.
42
+
consistently responsive, even during intense data processing or complex graphics rendering. It achieves an astonishing
43
+
rate of **over 40,000 delta updates per second** in optimized environments. This translates to an engine with vast untapped
44
+
potential, limited only by user interaction, not the framework.
Say goodbye to complex build steps for development. Neo.mjs apps run **natively as ES Modules directly in the browser**. This means **zero builds or transpilations** in dev mode, offering instant reloads and an **unmatched debugging experience**. You modify code, and your app updates in real-time.
47
+
Say goodbye to complex build steps for development. Neo.mjs apps run **natively as ES Modules directly in the browser**.
48
+
This means **zero builds or transpilations** in dev mode, offering instant reloads and an **unmatched debugging experience**.
49
+
You modify code, and your app updates in real-time.
50
+
40
51
3.**Inherent Security by Design**:
41
52
By prioritizing direct DOM API manipulation over string-based methods (like `innerHTML`), Neo.mjs fundamentally reduces
42
53
the attack surface for vulnerabilities like Cross-Site Scripting (XSS), building a more robust and secure application from the ground up.
Neo.mjs's unique **unified class config system** allows you to define components, layouts, and logic in a clean, declarative,
45
57
and highly consistent way. This significantly reduces boilerplate, improves maintainability, and makes complex UI composition surprisingly straightforward.
58
+
46
59
5.**Scalability for Enterprise & Beyond**:
47
60
Whether building sophisticated enterprise dashboards, data-intensive Gen AI interfaces, or desktop-like multi-window applications,
48
61
Neo.mjs's modular, worker-driven architecture effortlessly scales. Components are persistent, stateful instances that can be unmounted,
## 🌟 Key Features (and How They Supercharge Your App)
62
75
63
-
***Persistent Component Instances**: Components maintain their state and logic even when their DOM is removed or moved. No more wasteful re-creations – just surgical, efficient updates.
76
+
***Persistent Component Instances**: Components maintain their state and logic even when their DOM is removed or moved.
77
+
No more wasteful re-creations – just surgical, efficient updates.
64
78
65
-
***Reactive State Management**: Built-in reactivity ensures dynamic, efficient updates between components and state providers, all handled off the main thread.
79
+
***Reactive State Management**: Built-in reactivity ensures dynamic, efficient updates between components and state providers,
80
+
all handled off the main thread.
66
81
67
-
***Hierarchical State Management**: Seamlessly manage state between parent and child components with nested state providers. Components intelligently bind to the closest provider, combining data for powerful, maintainable patterns.
82
+
***Hierarchical State Management**: Seamlessly manage state between parent and child components with nested state providers.
83
+
Components intelligently bind to the closest provider, combining data for powerful, maintainable patterns.
68
84
69
-
***Clean Architecture (MVVM-inspired)**: View controllers ensure a clear separation of concerns, isolating business logic from UI components for easier maintenance, testing, and team collaboration.
85
+
***Clean Architecture (MVVM-inspired)**: View controllers ensure a clear separation of concerns, isolating business logic
86
+
from UI components for easier maintenance, testing, and team collaboration.
70
87
71
-
***Multi-Window & Single-Page Applications (SPAs)**: Easily build and manage complex applications that require multiple browser windows or traditional SPAs, all powered by the same underlying multi-threaded architecture without requiring any native shell.
88
+
***Multi-Window & Single-Page Applications (SPAs)**: Easily build and manage complex applications that require multiple
89
+
browser windows or traditional SPAs, all powered by the same underlying multi-threaded architecture without requiring any native shell.
72
90
73
-
***No npm Dependency Hell**: Neo.mjs apps run with **zero runtime dependencies**, just a few dev dependencies for tooling. This means smaller bundles, fewer conflicts, and a simpler dependency graph.
91
+
***No npm Dependency Hell**: Neo.mjs apps run with **zero runtime dependencies**, just a few dev dependencies for tooling.
92
+
This means smaller bundles, fewer conflicts, and a simpler dependency graph.
74
93
75
-
***Cutting-Edge Use Cases**: Ideal for **data-intensive applications, real-time dashboards, web-based IDEs, banking applications, and complex multi-window Gen AI interfaces** where performance and responsiveness are non-negotiable.
94
+
***Cutting-Edge Use Cases**: Ideal for **data-intensive applications, real-time dashboards, web-based IDEs, banking
95
+
applications, and complex multi-window Gen AI interfaces** where performance and responsiveness are non-negotiable.
76
96
77
97
<palign="center">
78
98
<imgsrc="./resources/images/workers-focus.svg"alt="Neo.mjs Worker Architecture Diagram - Shows Main Thread, App Worker, VDom Worker, Canvas Worker, Data Worker, Service Worker, Backend connections.">
0 commit comments