Fusion.js : The new web development framework

Disclaimer: This is a technical writing, you might want to keep an extra window opened in your browser to look up some terms used here. Links describing some concepts will be introduced along the term.

One of the latest news in the web development field, is the release of the “Fusion.js” framework by the “Uber engineering” company.

Uber uses a very similar concept to µTorrent, but in real life. It’s a peer-to-peer ridesharing and transportation network company. Their main platform is a mobile app named “Uber”. The use of this app increased exponentially throughout the years. The app has been downloaded over a 100 Million times! The company took a very huge risk when they decided to rewrite the whole app and managed to actually pull it off.

They recently released the new framework “fusion.js” as a “Plugin based universal web framework”. It was first introduced on the 1st of August, 2018. The framework is open-source which means that -if you’re good enough else this shouldn’t be tried- you can customize it to meet your specific needs.

Now we will be stating the features this framework offers:

• It’s compatible with React.js and Redux.js
• The framework’s plugin-based architecture makes it appropriate for single-page applications that may depend on complex service layers
• The plugins use dependency-injection to expose API to other plugins
• It provides testing tools such as “jest”, “enzyme”, and “pupper”.
• It has an optimized and pre-configured boilerplate which reduces the amount of code you need to write to get something working.
• It offers an out of the box support for server-side rendering (SSR). You can check the full concept here.
  • Server-side Rendering (SSR) is when the browser sends a request and the server returns a full html page.
  • Client-side Rendering (CSR) is when the rendering is done in the browser using JavaScript libraries like angular or vue.js.
• This feature is quite huge; the Framework supports hot module replacement (HMR) which enables you to add/remove modules while the app is running and still maintain its state, and allows for instant HTML/CSS refresh. You can read more about the HMR here.
• It uses a single-entry point file which makes it possible reuse the same code on the browser and the server to make it easier to co-locate code-snippets.
• Last but not least, it offers automatic setup for CSRF protection [a security concept in web forms] and easy i18n integration via bundle splitting.

As we stated earlier, “Fusion.js” is a new framework. Users at the moment did not state any dissatisfaction using it. It’s true that this is a good thing. But, in case you encounter an issue you might be the first to have to deal with it. So be the hero the users need and the first to help the framework grow!