restack-core

restack-core

tools make react application development easier.

modal

accroding to the post

i18n

sample bootstrap script app.jsx with i18n

import React from 'react'
import { render } from 'react-dom'
import { App, i18n } from 'restack-core'
 
i18n.fetchLocaleData({defaultLocale: config.defaultLocale})
.then(({locale, localeData}) => {
  render(
    <App
      routes={routes}
      reducers={......}
      locale={locale}
      localeData={localeData}
      />,
 
    document.getElementById('react-view')
  );
})
.catch(error => {
  console.error(error);
});

sample bootstrap script app.jsx without i18n

import React from 'react'
import { render } from 'react-dom'
import { App } from 'restack-core'
 
render(
  <App
    routes={routes}
    reducers={......}
    locale={locale}
    localeData={localeData}
    />,
 
  document.getElementById('react-view')
);

npm dependencies description

dependency	type	desc
babel-runtime	babel
jed	lib	jed i18n
lodash	lib	underscore like
moment	lib	time
react	lib

dependency	type	desc
babel-plugin-transform-async-to-generator	babel-plugin	Stage 3
babel-plugin-transform-class-properties	babel-plugin	Stage 1
babel-plugin-transform-export-extensions	babel-plugin	Stage 1
babel-plugin-transform-object-rest-spread	babel-plugin	Stage 2
babel-plugin-transform-runtime	babel-plugin	babel helpers in one place
babel-preset-es2015	babel-plugin
babel-preset-react	babel-plugin
babel-preset-react-hmre	babel-plugin

babel plugins

we enabled these es features by babel

Async to generator transform

async function foo() {
  await bar();
}

Class properties transform

class MyClass {
  myProp = 42;
  static myStaticProp = 21;
 
  constructor() {
    console.log(this.myProp); // Prints '42'
    console.log(MyClass.myStaticProp); // Prints '21'
  }
}

Export extensions transform

export * as ns from 'mod';
export v from 'mod';

Object rest spread transform

// Rest properties
let { x, y, ...z } = { x: 1, y: 2, a: 3, b: 4 };
console.log(x); // 1
console.log(y); // 2
console.log(z); // { a: 3, b: 4 }
 
// Spread properties
let n = { x, y, ...z };
console.log(n); // { x: 1, y: 2, a: 3, b: 4 }