recks
  • Intro to RecksJS
  • Install
  • API
    • Lifecycle
    • Events
    • Subcomponents
    • Lists
    • DOM references
  • Libraries
    • State
  • GitHub
  • Playground
Powered by GitBook
On this page
  • Zero setup
  • Easy setup
  • Custom setup

Was this helpful?

Install

PreviousIntro to RecksJSNextLifecycle

Last updated 4 years ago

Was this helpful?

Zero setup

You can try the framework right now in the

Easy setup

You can start a new project with a :

git clone https://github.com/recksjs/recks-starter-project.git
cd recks-starter-project
npm i
npm start

It's a webpack-based setup with latest Recks and RxJS.

Custom setup

To setup the project yourself, you'll need to install packages

npm i recks rxjs

NOTE: To properly handle the JSX elements you need to set up pragma to use Recks name. See for details.

Then to mount framework in your index.js

import Recks from 'recks';

Recks.render(
  Recks.createElement(App),       // root component 
  document.getElementById('root') // mounting element
);

function App() {
  return <h1>Hello world!</h1>
}

Please, refer to sources for details.

Online Playground
template repo
Babel docs
template project