lambor.js
lambor(兰博) SSR前端开发框架
front-end framework based on dva, react-loadable.
Getting Started
#Install
$ npm install lambor -g
# or
$ yarn global add lamborCommands
We have four commands: init, dev, build, start
lambor init
create app in an empty folder with a demo
Generated File Tree
.
├── pages # pages directory
├── index # page
├── aIndex.jsx # UI components
├── aModel.js # Dva models for entry file
├── aLang.js # Lang for entry file
├── routes # Source directory
├── index.js # Route map Enry file
├── home.js # Loadable Config
├── .gitignore #
└── package.json #lambor dev
run app in the development mode
lambor build
build app in the production mode
lambor start
run app in the production mode
Route config example
import React from 'react';
import Loadable from 'react-loadable';
export default (({registerModels, app}) => {
return Loadable.Map({
delay: 200,
timeout: 60000,
loading: () => null,
loader: {
Index: () => import('@pages/index/aIndex'),
Model: () => import('@pages/index/aModel'),
Lang: () => import('@pages/index/aLang')
},
render(loaded, props) {
const AIndex = loaded['Index'].default || loaded['Index'];
const AModel = loaded['Model'].default || loaded['Model'];
const ALang = loaded['Lang'].default || loaded['Lang'];
app && registerModels(app, [AModel]);
return <AIndex {...props} __lang={ALang} />
}
});
});