🚀 Big News: Socket Acquires Coana to Bring Reachability Analysis to Every Appsec Team.Learn more
Socket
Book a DemoInstallSign in
Socket

j-ui

Package Overview
Dependencies
Maintainers
1
Versions
3
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

j-ui

Just UI components library and components toolkit.

1.0.2
latest
npm
Version published
Maintainers
1
Created
Source

JUI

Just UI components library and components toolkit.

Examples

To see my-app example:

npm install
npm run my-app

Then open examples/my-app/index.html in browser (Google Chrome recommended).

Docs

Component

Props

Component props is an key-value object.

Constructor

Component constructor receive one parameter props.

Special prop mountEl

It is an root element where component is mounted. This element do not changes by component. It used just for render component inside.

Render

This process contains tree steps: 1. clean content from the mountEl, 2. insert new component content, 3. collect refs.

You can re-define render() method at child class of Component and put all element-specific logic (add event listeners etc.) there. Note: you should call super.render().

Access to elements through refs

You can give to each element attribute data-ref="<refName>". Then after render you can access this.refs.<refName> to get access to elements. It's very useful when you override render() method and wants get quick access to specific element.

Note: if you give data-ref to two or more elements - you will get array of elements in this.refs.<refName>.

FAQs

Package last updated on 29 Dec 2016

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