Rill & Svelte • TodoMVC
Why Rill
Rill is the answer to a simple question; Can I run my Express style router in the browser? Turns out you can and it works awesome.
It brings a common interface to many typical app like features in both the browser and nodejs. Many isomorphic frameworks have crazy abstractions and learning curves but with Rill, if you understand Express or Koa, you already know how the routing works! In Rill you get to program much of your application logic using the same api (client or server) including routing, rendering, data fetching and more are easily shared.
Rill also works perfectly as a stand alone nodejs server or a stand alone browser framework. This allows for easy progressive enhancement. If all is well the browser can handle much of your application logic and if JavaScript fails for any reason your server knows exactly what to do.
Resources
Articles
- Isomorphic Javascript, let’s make it easier.
- Browsers, Servers, and APIs
- Why Everyone is Talking About Isomorphic
Support
Implementation
Uses Rill with @rill/svelte middleware to create an isomorphic/universal TodoMVC app.
Templates are created with Svelte but you can can easily swap this out by using a different templating engine middleware such as @rill/html or writing your own.
Webpack and babel are used to bundle the app for both the server and browser for optimum performance.
Use "npm run watch" to build and run the app yourself (starts up on port 8080).
Credit
Created by Dylan Piercey
