Atlant.js

Atlant.js is a micro-routing framework for React.js

It provides robust routing and dependency injection mechanism.

It uses bacon.js streams to work.

Examples and documentation are on the way.

The slides folder have slides of April 10 of 2014. The talk was about previous version of atlant.js named routeStreams.js. DSL is a little obsolete.

Where is the angular.js version?

src/angular/ng-s-atlant-route.js // main service, which accepts routes declarations.
src/angular/ng-s-atlant-params.js // service, which publish route params info
src/angular/ng-s-atlant-utils.js // internal utilities (do not use :)

Which renders available?

• react render

Installation

bower install atlant.js

add to you index.html:

<script src="lodash.min.js" type="text/javascipt"></script>
<script src="bacon.min.js" type="text/javascipt"></script>
<script src="atlant.js" type="text/javascipt"></script>

API

On it's way.

Flow

Atlant watches when you touch links and manages them. use a attribute data-atlant="ignore" to skip this.

How it look's like?

atlant 
    .when('/')   
        .render(<Home/>)  
    .when('login')  
        .render(<Login/>)  
    .when('profile')  
        .depends($.get('/api/something'))  
            .inject('something', '.a.b[10].c{id=10}.d')  
        .and($.get('/api/posts'))  
            .inject('posts')  
            .if( u => !u.length )  
                .redirect('/404')  
            .if( u => u.length )  
                .depends(u => $get('/api/post/'+ u.posts.unshift().id))  
                    .inject('post')  
                        .render(<PostsList/>)  
    .all()  
        .fail()  
            .render(<500/>, 'notificationArea')  

Awesome isn't it?

Examples

Just install dependencies and open examples/index.html in browser.

bower install

Actually, no examples inside yet.