facebook

Svelte UI framework new release

Svelte UI framework new release
Average rating: 1
(1 votes)

Thanks! You’ve rated this material!

The truth is, most of the time you spend using web applications. Syndicode spent many hours improving our skills and knowledge to develop top-notch web apps. But there are many neat hacks and tools to make some things about web app development process simpler and faster. This time we are talking about Svelte UI framework new release. 

Svelte is a new way to build web applications. It’s a compiler that takes your declarative components and converts them into efficient JavaScript that surgically updates the DOM. Reducing the amount of code you have to write is an explicit goal of Svelte.

To install and work on Svelte locally:

git clone git@github.com:sveltejs/svelte.git
cd svelte
npm install

The compiler is written in TypeScript, but it’s basically just JavaScript with type annotations. If you’re using an editor other than VSCode you may need to install a plugin in order to get syntax highlighting and code hints.

In Svelte, a component can have as many top-level elements as you like. In React and Vue, a component must have a single top-level element — in React’s case, trying to return two top-level elements from a component function would result in syntactically invalid code.  Because Svelte is a compiler, it’s not bound to the peculiarities of JavaScript: we can design a component authoring experience, rather than having to fit it around the semantics of the language. Paradoxically, this results in more idiomatic code while delivering significantly more performant apps.

Interested? Find more examples here.

There appear more and more frameworks to make your life easier. Zero is a web framework for modern web development. We always support sharing!

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