magnumjs / Mag.js
Licence: mit
MagJS - Modular Application Glue
Stars: ✭ 157
Programming Languages
javascript
184084 projects - #8 most used programming language
Labels
Projects that are alternatives of or similar to Mag.js
Mikado
Mikado is the webs fastest template library for building user interfaces.
Stars: ✭ 323 (+105.73%)
Mutual labels: reactive, observable, templating
agile
🌌 Global State and Logic Library for JavaScript/Typescript applications
Stars: ✭ 90 (-42.68%)
Mutual labels: modular, reactive, state-management
Apprun
AppRun is a JavaScript library for developing high-performance and reliable web applications using the elm inspired architecture, events and components.
Stars: ✭ 1,087 (+592.36%)
Mutual labels: framework, state-management, component
Marble
Marble.js - functional reactive Node.js framework for building server-side applications, based on TypeScript and RxJS.
Stars: ✭ 1,947 (+1140.13%)
Mutual labels: reactive, observable, framework
Rocket.jl
Functional reactive programming extensions library for Julia
Stars: ✭ 69 (-56.05%)
Mutual labels: reactive, observable, framework
Tinypart
TinyPart is an iOS modularization framework implemented by Ojective-C. It also supports URL-routing and inter-module communication. TinyPart是一个由Objective-C编写的面向协议的iOS模块化框架,同时它还支持URL路由和模块间通信机制。
Stars: ✭ 120 (-23.57%)
Mutual labels: framework, modular
React Eva
Effects+View+Actions(React distributed state management solution with rxjs.)
Stars: ✭ 121 (-22.93%)
Mutual labels: reactive, observable
Tempy
Python Object Oriented Html Templating System
Stars: ✭ 126 (-19.75%)
Mutual labels: templating, dom
Swiftdux
Predictable state management for SwiftUI applications.
Stars: ✭ 130 (-17.2%)
Mutual labels: reactive, state-management
Realtaiizor
C# WinForm UI/UX Component Library
Stars: ✭ 109 (-30.57%)
Mutual labels: framework, component
Involt
Inject hardware interactions directly into HTML layout.
Stars: ✭ 128 (-18.47%)
Mutual labels: framework, prototyping
Http
An opinionated framework for scalable web 🌎
Stars: ✭ 136 (-13.38%)
Mutual labels: framework, modular
Dom7
Minimalistic JavaScript library for DOM manipulation, with a jQuery-compatible API
Stars: ✭ 119 (-24.2%)
Mutual labels: javascript-library, dom
Vcomponents
VComponents is a SwiftUI framework that contains 40+ customizable UI components
Stars: ✭ 117 (-25.48%)
Mutual labels: framework, component
Bistate
A state management library for React combined immutable, mutable and reactive mode
Stars: ✭ 113 (-28.03%)
Mutual labels: reactive, state-management
Ayanami
🍭 A better way to react with state
Stars: ✭ 129 (-17.83%)
Mutual labels: reactive, state-management
Kefir
A Reactive Programming library for JavaScript
Stars: ✭ 1,769 (+1026.75%)
Mutual labels: reactive, observable
Qactive
Reactive queryable observable framework.
Stars: ✭ 147 (-6.37%)
Mutual labels: reactive, observable
Canjs
Build CRUD apps in fewer lines of code.
Stars: ✭ 1,881 (+1098.09%)
Mutual labels: framework, dom
MagJS ~ Modular Application Glue
npm i mag.js
Super fast & Simple Intuitive JS2HTML Templating Component Library
import Mag from "mag.js"
//Component:
var Counter = Mag(`
<div class="counter">
<p>
You clicked <count /> times
</p>
<button>
Click me
</button>
</div>`,
function({count=0}) {
//JavaScript stuff:
return {
count,
button: {
onClick: e =>
Counter({count: count + 1})
}
}
})
//Render:
Mag(
Counter(),
document.getElementById("root")
)
Video examples
Browser install
Default includes ONLY Stateless Components WITH Hooks (useState, useEffect, useContext)
<script src="//unpkg.com/mag.js"></script>
Alternate browser options
State and Stateless Components WITHOUT Hooks
<script src="//unpkg.com/mag.js/dist/mag.min.js"></script>
State and Stateless Components WITH Hooks
<script src="//unpkg.com/mag.js/dist/mag.hooks.min.js"></script>
Only stateless Components WITHOUT useState, useEffect, useContext Hooks
<script src="//unpkg.com/mag.js/dist/mag-stateless.min.js"></script>
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].