routr

Routr

A biblioteca Routr é uma implementação de funcionalidades relacionadas ao roteador que podem ser usadas para servidor e cliente. Ele segue as mesmas regras de roteamento que o Express usando a mesma biblioteca. Esta biblioteca não usa retornos de chamada para rotas, mas apenas mapeando -os para nomes de strings que podem ser usados ​​como estado de aplicação e usados ​​no seu aplicativo posteriormente. Por exemplo, no Flux, a rota atual seria mantida como estado em uma loja.

Uso

Para exemplos mais detalhados, consulte os aplicativos de exemplo;

 import Router from 'routr' ;

const router = new Router ( [
    {
        name : 'view_user' ,
        path : '/user/:id' ,
        method : 'get' ,
        foo : {
            bar : 'baz' ,
        } ,
    } ,
    {
        name : 'view_user_post' ,
        path : '/user/:id/post/:post' ,
        method : 'get' ,
    } ,
] ) ;

// match route
const route = router . getRoute ( '/user/garfield?foo=bar' ) ;
if ( route ) {
    // this will output:
    //   - "view_user" for route.name
    //   - "/user/garfield" for route.url
    //   - {id: "garfield"} for route.params
    //   - {path: "/user/:id", method: "get", foo: { bar: "baz"}} for route.config
    //   - { foo: 'bar' } for route.query
    console . log ( '[Route found]:' , route ) ;
}

// generate path name (does not include query string) from route
// "path" will be "/user/garfield/post/favoriteFood?meal=breakfast"
const path = router . makePath (
    'view_user_post' ,
    { id : 'garfield' , post : 'favoriteFood' } ,
    { meal : 'breakfast' } ,
) ; 

Object.Freeze

Usamos Object.freeze para congelar o roteador e rotear objetos para ambientes de não produção para garantir a imutabilidade desses objetos.

Para ambientes de produção, é recomendável usar ferramentas como o Prevesify, juntamente com o Uglify como parte do seu processo de construção, para destacar o código específico da produção para obter benefícios de desempenho.

Usamos if (process.env.NODE_ENV !== 'production') para envolver Object.freeze() , para que você possa usar várias ferramentas para criar o código para diferentes ambientes:

Construa com Webpack

Dois plugins principais de utilitário:

• use defineplugin para definir o valor para process.env
• Use UglifyJSplugin para remover o código morto.

Exemplo da configuração do webpack:

    plugins: [
        new webpack . DefinePlugin ( {
            'process.env' : {
                NODE_ENV : JSON . stringify ( 'production' )
            }
        } ) ,
        new webpack . optimize . UglifyJsPlugin ( ) ,
        ...
    ]

Construa com o BrowSerify

Semelhante ao Webpack, você também pode usar os dois utilitários a seguir com seu sistema de construção favorito:

• use inverify to Set process.env.NODE_ENV para o ambiente desejado
• Use UglifyJs para remover o código morto.

Exemplo de linha de comando:

$ browserify index.js -t [ envify --NODE_ENV production  ] | uglifyjs -c > bundle.js

API

• Routr

Licença

Este software é gratuito para usar no Yahoo! Inc. Licença BSD. Consulte o arquivo de licença para obter informações sobre texto e direitos autorais.

O código-fonte aberto terceiro usado está listado em nosso arquivo package.json.