facebook

Mosaic is a frontend JS library for building UIs

Mosaic is a frontend JS library for building UIs
Average rating: 0
(0 votes)

Thanks! You’ve rated this material!

“The strength of JavaScript is that you can do anything. The weakness is that you will.” Because there are too many good things about Javascript. Do you like the idea of making most of JS libraries and features? So, let’s talk about something new we found! Mosaic is a frontend JS library for building UIs.

As we mentioned before, Mosaic is a new frontend JavaScript library for building UIs. What are the main features of Mosaic?

  • component-based: Mosaic components are pieces of code that keep track of their own data, actions, lifecycle functions, and more and can be reusable.
  • observable Data: Mosaic uses Observables to keep track of changes to a component’s data. This means that there is no need to call “setState”, you can change the data directly instead.
  • smart DOM: updates in Mosaic work by remembering which nodes are dynamic and traveling directly to those nodes to make changes, rather than traversing the tree again.
  • built-in Router: it gets with a basic, client-side routing solution.
  • state Manager: it comes with a built-in global state manager called Portfolio.
  • small Library Size: Mosaic is very small, with the minified JavaScript file being only 17KB.
  • tagged Template Literals: views are written using tagged template literals, which means there is no need for a compiler:
const name = "Mosaic";
html`<h1>Welcome to ${name}!</h1>`

Long story short, if you want to use Mosaic, check here.

Let’s present you another JS library that will help you with animation design – Anime.js.

Rate this article, if you like it

Thanks! You’ve rated this material!

Got a project? Let's discuss it!

*By submitting this form you agree with our Privacy Policy.

Mailing & Legal Address

Syndicode Inc. 340 S Lemon Ave #3299, Walnut CA, 91789, USA

Visiting & Headquarters address
Kyiv Sofiivska 1/2a, 01001, Kyiv, Ukraine
Dnipro Hlinky 2, of. 1003, 49000, Dnipro, Ukraine
Email info@syndicode.com
Phone (+1) 9035021111