npmpackage.info

Gathering detailed insights and metrics for bind-ui-elements

Other packages similar to bind-ui-elements

bindie

2.1.0

CommonJS/Browserified simple data view binding, without magic. This is a quick and light weight vanilla JS way to data bind UI elements

bind-ui-elements

a helper library to easy to create children elements bind selectors mapping

1.1.10

JavaScript

352.00 B

10,248 2.6

Installations

npm install bind-ui-elements

Developer Guide

BETA

Typescript

No

Module System

CommonJS

Node Version

5.10.1

NPM Version

3.8.3 Pull Requests

Open

0

Total

0

Closed

0

Issues

Open

0

Total

0

Closed

0

Releases

Unable to fetch releases

Contributors

Unable to fetch Contributors

View all 1 contributors

Languages

JavaScript

JavaScript (100%)

Love this project? Help keep it running — sponsor us today! 🚀

Developer

hoanguyen311

Download Statistics

Total Downloads

10,248

Last Day

Last Week

Last Month

Last Year

275

GitHub Statistics

35 Commits

1 Watching

1 Branches

1 Contributors

Bundle Size

606.00 B

Minified

352.00 B

Minified + Gzipped

Bundlephobia

Maintainers

Package Meta Information

Latest Version

1.1.10

Package Id

bind-ui-elements@1.1.10

Size

2.27 kB

NPM Version

3.8.3

Node Version

5.10.1

Total Downloads

Cumulative downloads

Total Downloads

10,248

Last day

Compared to previous day

Last week

-81.8%

Compared to previous week

Last month

200%

Compared to previous month

Last year

-50.6%

275

Compared to previous year

Daily Downloads

Weekly Downloads

Monthly Downloads

Yearly Downloads

Peer Dependencies

jquery

Dev Dependencies

chai ghooks jquery karma karma-chrome-launcher karma-mocha karma-mocha-reporter karma-phantomjs-launcher karma-sourcemap-loader karma-webpack mocha phantomjs-prebuilt rimraf webpack webpack-dev-middleware

Versions

bind-ui-elements

A small utility method to help bind children elements to a context. For convenience when using module pattern in jQuery

Install

npm install --save bind-ui-elements

<script src="https://npmcdn.com/bind-ui-elements@1.1.4/dist/index.js"></script>

##OOP

import bindUiElements from 'bind-ui-elements';

class Component {
    constructor($el, config) {
        this.$el = $el;
        this.cfg = Object.assign({}, Component.defaultCfg, config);
        bindUiElements(this);
        this.initalize();
    }
    initalize() {
        //$button now has been attached to component's instance
        this.$button.on('click', function() {

        });

        //$link now has been attached to component's instance
        this.$link.on('click', function() {

        });
    }
}

Component.defaultCfg = {
    ui: {
        $button: '.js-button',
        $link: '.js-link'
    }
}

export default Component;

Singleton

var component = {
    cfg: {
        ui: {
            '$button': '.js-button',
            '$link': '.js-link'
        }
    },
    init ($el) {
        this.$el = $el;
        bindUiElements(this);

        //$button now has been attached to component's instance
        this.$button.on('click', function() {

        });

        //$link now has been attached to component's instance
        this.$link.on('click', function() {

        });
    }
};

Test

npm test

No vulnerabilities found.

10

Binary-Artifacts

Determines if the project has generated executable (binary) artifacts in the source repository.

10

Vulnerabilities

Determines if the project has open, known unfixed vulnerabilities.

0

SAST

Determines if the project uses static code analysis.

0

Code-Review

Determines if the project requires human code review before pull requests (aka merge requests) are merged.

0

Maintained

Determines if the project is "actively maintained".

0

CII-Best-Practices

Determines if the project has an OpenSSF (formerly CII) Best Practices Badge.

0

Fuzzing

Determines if the project uses fuzzing.

0

Security-Policy

Determines if the project has published a security policy.

0

License

Determines if the project has defined a license.

0

Branch-Protection

Determines if the default and release branches are protected with GitHub's branch protection settings.

Score

2.6

/10

Last Scanned on 2025-02-03

The Open Source Security Foundation is a cross-industry collaboration to improve the security of open source software (OSS). The Scorecard provides security health metrics for open source projects.

Learn More