Isomorphic web application with Mithril.js
This website is a showcase of the challenges that we faced implementing an isomorphic web application. The aim is to present a real case study where we chose Mithril for its speed, simplicity and elegance. We will show the solutions we used to solve the common problems for this kind of app.
The source code of the website is available on GitHub:
The contents and the app are still work in progress and susceptible to changes. Please see the Contributing section below for suggestions and improvements.
We will cover some of the most common issues that need to be solved in the development of an average website. Our app needs to:
- use shared routes between server and client
- use shared state between server and client and across components
- be multilanguage (i18n, contextual language switch)
- load dynamic contents (in our case from Markdown files)
- implement a basic user auth
- allow easy integration of third party libraries
- manage different kind of errors appropriately
We will use the following tools:
- Express as backend framework
- webpack 2 as bundler
- Babel as JS compiler (ES6 to ES5 transpiler)
- ESlint as JS linter
- Bootstrap 4 as HTML/CSS/JS framework
- Sass as CSS preprocessor
A special thank you to these people to making this possible:
- MVlabs for giving us the opportunity to work at this project
- Leo Horie for developing and maintaining Mithril
- Stephan Hoyer for developing and maintaining mithril-node-render and translate.js
Suggestions for improvements and/or translations of the contents of this website in other languages are welcome. Please file an issue on GitHub or contact ACXgit via Gitter.