Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

aurumjs

Package Overview
Dependencies
Maintainers
1
Versions
244
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

aurumjs

Fast and concise declarative DOM rendering library for javascript

  • 0.3.20
  • Source
  • npm
  • Socket score

Version published
Weekly downloads
5
increased by25%
Maintainers
1
Weekly downloads
 
Created
Source

Aurum

Fast and concise declarative DOM rendering library for javascript

Build Status npm npm bundle size

Aurumjs is a DOM rendering library inspired by react and angular. In Aurum you define your DOM using JSX and each thing that can change, be it attributes or inner text can be assigned to a data source. There is no rerendering, no reconciliation, no watching no dirty checking and no guesswork on what will and will cause things to render.

Instead all the things that can change are bound to a so called data source which makes data mutations observable and then applies the changes directly to the DOM bypassing any need for virtual dom or heavy computations of any sort. This makes it very fast to apply updates while keeping the code short.

This project is and will always be dependency free for better security and performance This project is still under development but feel free to try it and make bug reports or suggestions.

Getting started

Install:

$ npm install aurumjs

To use Aurum you need to compile JSX or TSX using babel or the typescript compiler.

With Babel

Example .babelrc

{
  "presets": [
    "@babel/preset-env",
  ],
  "plugins": [
    [
      "@babel/transform-react-jsx",
      {
        "pragma": "Aurum.factory"
      }
    ]
  ]
}

With typescript

In tsconfig.json put the jsxFactory option

    "compilerOptions": {
        "jsxFactory": "Aurum.factory"
    }

Simple Aurum app to render a div with text in the DOM:

import {Aurum} from 'aurumjs'

Aurum.attach((<div>Hello Aurum</div>), document.body)

TODO App with creation, deletion drag and drop, editing and marking as done of tasks all under 100 lines of code with aurum: https://codepen.io/cyberphoenix90/pen/LYYMwVr

For documentation and quickstart guides check out Aurums homepage (which is fully written in aurum and open source): https://aurumjs.org/

Keywords

FAQs

Package last updated on 03 Apr 2020

Did you know?

Socket

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc