Scrimba - Playlist Imba Router

    import 'imba-router'
    
    import {About} from './About'
    import {Home} from './Home'
    	
    export tag Site
    	def render
    		<self>
    			<nav.main>
    				<a route-to='/home'> 'Home'
    				<a route-to='/about'> 'About'
    			<Home route='/home'>
    			<About route='/about'>

Imba Router - Basic routing

Sindre Aarsaether2:49a year ago

    import {Page} from './Page'
    
    export tag About < Page
    
    	def render
    		<self>
    			<nav>
    				<a route-to="/about/team"> "Team"
    				<a route-to="/about/contact"> "Contact"
    			<section route="/about/team"> "This is our team!"
    			<section route="/about/contact"> "Contact us"

Imba Router - Nested routes

Sindre Aarsaether3:52a year ago

    import {Page} from './Page'
    
    tag Category
    	def render
    		<self> "Category: {params:name}"
    
    export tag Categories < Page
    
    	def render
    		<self>
    			<nav>
    				<a route-to="one"> "One"
    				<a route-to="two"> "Two"
    				<a route-to="three"> "Three"

Imba Router - Parameters

Sindre Aarsaether4:16a year ago

    import {rpc} from '../api'
    
    import {Page} from './Page'
    
    tag Customer
    	def load params
    		console.log "Customer.load",params:id
    		data = await rpc("/customers/{params:id}.json")
    		
    	def render
    		<self>
    			<section>
    				<h2> data:name

Imba Router - Fetching data

Sindre Aarsaether8:39a year ago

    import 'imba-router'
    
    import {About} from './About'
    import {Home} from './Home'
    import {Categories} from './Categories'
    import {Customers} from './Customers'
    	
    export tag Site
    	def render
    		<self.vbox>
    			<nav.main>
    				<a route-to='/'> 'Home'
    				<a route-to='/about'> 'About'
    				<a route-to.sticky='/customers'> 'Customers'

Imba Router - Sticky routes

Sindre Aarsaether2:55a year ago

    import {Site} from './components/Site'
    
    Imba.mount <Site>

Imba Router - Serverside routing

Sindre Aarsaether2:42a year ago