rax

:tophat: A universal React-compatible render engine.

Rax

A universal React-compatible render engine.


Community


Rax is a universal JavaScript library with a largely React-compatible API. If you use React, you already know how to use Rax.
:zap: Fast: blazing fast virtual DOM.
:dart: Tiny: 8.0 KB minified + gzipped.

:art: Universal: works in browsers, Weex, Node.js and could works more container that implement driver specification.

Quick Start

Install the Rax CLI tools to init project:

npm install rax-cli -g
rax init YourProjectName

Start local server to launch project:

cd YourProjectName
npm run start

Examples

import {createElement, Component, render} from 'rax';
import Text from 'rax-text';

class Hello extends Component {
  render() {
    return [
      <Text style={styles.title}>Hello Rax</Text>,
      <Text style={styles.title}>Hello {this.props.name}</Text>,
    ];
  }
}

const styles = {
  title: {
    color: '#ff4400',
    fontSize: 48,
    fontWeight: 'bold',
  }
};

render(<Hello name="world" />);

More examples take a look at the examples folder: * Components * Redux * Canvas * Charts * Drag * Game2048 * Animated * TicTacToe * Profile * Parallax

Rax Renderers

Universal Libraries

Developer Tools

  • React Developer Tools: Allow you inspect and modify the state of your Rax components at runtime in Chrome Developer Tools.

React Developer Tools

Redux DevTools extension

Official Components

Contributing

Want to file a bug, contribute some code, or improve documentation? Excellent! Read up on our guidelines for contributing.

Development Workflow

After cloning rax, run npm install to fetch its dependencies.
Run npm run setup link and bootstrap project before development. Then, you can run several commands:

  • npm run lint checks the code style.
  • npm test runs the complete test suite.
  • npm test -- --watch runs an interactive test watcher.
  • npm test <pattern> runs tests with matching filenames.
  • npm run build creates lib and dist folder with all the packages.
  • npm start start local server with examples folder.

Core Team


@yuanyan

Core


@imsobear

Development


@yacheng

Components


@boiawang

Babel Loaders & Plugins


@noyobo

Webpack Plugins


Weex Logo

⬆ back to top

Related Repositories

rax

rax

:tophat: A universal React-compatible render engine. ...

rax

rax

A radix tree implementation in ANSI C ...

razzle

razzle

:sparkles: A razzle-dazzle build system for universal React, Preact, Rax, Inferno apps. ...

weex-rax-framework

weex-rax-framework

Rax framework for weex ...

ansible-rax-fedora21

ansible-rax-fedora21

Test out Fedora 21 on Rackspace Cloud ...


Top Contributors

yuanyan boiawang noyobo zhangmengxue imsobear wssgcg1213 yyx990803 fraserxu Gerhut yujiangshui Raincal timoxley WJWang frankLife CodeFalling alvinhui