xypjs

Minimaliastic JavaScript framework

this package has been deprecated
Last updated 3 years ago by zolbooo .
MIT · Repository · Bugs · Original npm · Tarball · package.json
$ cnpm install xypjs -g
SYNC missed versions from official npm registry.

xypjs

JavaScript frontend framework. Inspired by Angular and React

npm version npm total downloads Codacy Badge

Quick start

You can create webpack application manually. However, you can use new-webpack-app command.

npm install -g new-webpack-app

Then create new app with JSX pragma xyp.jsx:

new-webpack-app --jsx xyp.jsx awesomepage

Browse to newly created folder and install xypjs:

npm install xypjs

Example app:

import xyp, { Component } from "xypjs";

class Counter extends Component {
  render() {
    console.log(this.props);
    return <p>{this.props.count}</p>;
  }
}

class App extends Component {
  constructor(props) {
    super(props);
    this.bindToReactiveStorage({ counter: 0 });
    this.onClick = this.onClick.bind(this);
  }
  onClick() {
    this.setState({ counter: this.state.counter + 1 });
  }
  render() {
    return (
      <div>
        <button onClick={this.onClick}>+</button>
        <Counter count={this.state.counter} />
      </div>
    );
  }
}
xyp.render(<App />, document.getElementById("app"));

Run npm start and open http://localhost:9000 to see an app. Page will reload if source code changes.

Run npm run build to bundle app in build/ folder.

Current Tags

  • 1.0.2                                ...           latest (3 years ago)

5 Versions

  • 1.0.2 [deprecated]           ...           3 years ago
  • 1.0.1 [deprecated]           ...           3 years ago
  • 1.0.0-2                                ...           3 years ago
  • 1.0.0-1                                ...           3 years ago
  • 1.0.0 [deprecated]           ...           3 years ago
Maintainers (1)
Downloads
Today 0
This Week 0
This Month 0
Last Day 0
Last Week 0
Last Month 3
Dependencies (0)
None
Dev Dependencies (5)
Dependents (0)
None

Copyright 2014 - 2021 © npmmirror.com |