A javascript library for create Functional Stateless Components and render with Virtual DOM. Ideal for creating ultra light and fast applications with Redux.

• Functional Components.
• Custom Props for manage unidirectional data flow.
• Virtual DOM Render.
• Easy select real DOM nodes with global Refs.
• Compatible with JSX.
• Easy integration with Redux.

Tip: Verify if you have node and npm installed.

$ npm install frontinjs --save-dev

Tip: Use Webpack (or similar module bundler) to manage the components.

import frontin from 'frontinjs';

Tip: Use Browserify (or similar module bundler) to manage the components.

const frontin = require('frontinjs');

import frontin from 'frontinjs';

function Hello() {

  return (
    frontin.component(
      'h1',
      { className: 'foo' },
      'Hello World'
    )
  )

}

Tip: Use JSX to write your component declaratively.

import frontin from 'frontinjs';

function Hello() {

  return (
    <h1 className = "foo">
      Hello World
    </h1>
  )

}

import frontin from 'frontinjs';

function Hello() {
  // Markup
}

frontin.render(<Hello />, document.getElementById('root'));

Clone this repository and install its dependencies:

$ git clone https://github.com/afonsopacifer/frontinjs.git
$ cd frontinjs
$ npm install

Builds the library to dist:

$ npm run build

Run all unit tests:

$ npm test

To keep better organization of releases we follow the Semantic Versioning 2.0.0 guidelines.

Want to contribute? Follow these recommendations.

See Releases for detailed changelog.

MIT License © Afonso Pacifer