frontin.js

What is?

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

Features

• 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.

How to use?

Install

Tip: Verify if you have node and npm installed.

$ npm install frontinjs --save-dev

Setup

ES6/ECMAScript 2015 module:

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

import frontin from 'frontinjs';

CommonJS module:

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

const frontin = require('frontinjs');

Create stateless components

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>
  )

}

Render with Virtual DOM

import frontin from 'frontinjs';

function Hello() {
  // Markup
}

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

Development

Getting started

Clone this repository and install its dependencies:

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

Build

Builds the library to dist:

$ npm run build

Tests

Run all unit tests:

$ npm test

Versioning

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

Contributing

Want to contribute? Follow these recommendations.

History

See Releases for detailed changelog.

License

MIT License © Afonso Pacifer