lambor

Introduction

lambor(兰博) SSR前端开发框架

front-end server-side render framework based on dva.

---

Getting Started

#Install

$ npm install lambor -g
# or
$ yarn global add lambor

Commands

We have four commands: init, dev, build, start

create app in an empty folder with a demo

lambor init

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           #

run app in the development environment

lambor dev

build app in the production environment

lambor build

run app in the production environment

lambor start

Run on the production server

pm2 start pm2-start.sh

Route config example

---

import React from 'react';
import Loadable from 'lambor-utils/loadable';

export default (({registerModels, app}) => {
    return Loadable.Map({
        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} />
        }
    });
});