Get Advice Icon

Need advice about which tool to choose?Ask the StackShare community!

Matter
Matter

20
12
+ 1
0
Preact
Preact

63
70
+ 1
19
Add tool

Matter vs Preact: What are the differences?

Developers describe Matter as "A tiny collection of UI components". Matter is a tiny collection of UI components. The components are built with Deku. On the other hand, Preact is detailed as "A fast 3k React alternative". Preact is an attempt to recreate the core value proposition of React (or similar libraries like Mithril) using as little code as possible, with first-class support for ES2015. Currently the library is around 3kb (minified & gzipped).

Matter and Preact belong to "Javascript UI Libraries" category of the tech stack.

Matter and Preact are both open source tools. Preact with 23.1K GitHub stars and 1.2K forks on GitHub appears to be more popular than Matter with 135 GitHub stars and 12 GitHub forks.

Resource Guru, Bustle, and VN2RAP are some of the popular companies that use Preact, whereas Matter is used by Nuxeo, Fekra Computers, and MEGA Limited. Preact has a broader approval, being mentioned in 9 company stacks & 4 developers stacks; compared to Matter, which is listed in 3 company stacks and 4 developer stacks.

What is Matter?

Matter is a tiny collection of UI components. The components are built with Deku.

What is Preact?

Preact is an attempt to recreate the core value proposition of React (or similar libraries like Mithril) using as little code as possible, with first-class support for ES2015. Currently the library is around 3kb (minified & gzipped).
Get Advice Icon

Need advice about which tool to choose?Ask the StackShare community!

Why do developers choose Matter?
Why do developers choose Preact?
    Be the first to leave a pro

    Sign up to add, upvote and see more prosMake informed product decisions

      Be the first to leave a con
        Be the first to leave a con
        What companies use Matter?
        What companies use Preact?

        Sign up to get full access to all the companiesMake informed product decisions

        What tools integrate with Matter?
        What tools integrate with Preact?

        Sign up to get full access to all the tool integrationsMake informed product decisions

        What are some alternatives to Matter and Preact?
        jQuery
        jQuery is a cross-platform JavaScript library designed to simplify the client-side scripting of HTML.
        jQuery UI
        Whether you're building highly interactive web applications or you just need to add a date picker to a form control, jQuery UI is the perfect choice.
        React
        Lots of people use React as the V in MVC. Since React makes no assumptions about the rest of your technology stack, it's easy to try it out on a small feature in an existing project.
        AngularJS
        AngularJS lets you write client-side web applications as if you had a smarter browser. It lets you use good old HTML (or HAML, Jade and friends!) as your template language and lets you extend HTML鈥檚 syntax to express your application鈥檚 components clearly and succinctly. It automatically synchronizes data from your UI (view) with your JavaScript objects (model) through 2-way data binding.
        Vue.js
        It is a library for building interactive web interfaces. It provides data-reactive components with a simple and flexible API.
        See all alternatives
        Decisions about Matter and Preact
        Dmitry Mukhin
        Dmitry Mukhin
        at Uploadcare | 22 upvotes 157K views
        atUploadcareUploadcare
        PostCSS
        PostCSS
        Preact
        Preact
        Ember.js
        Ember.js
        React
        React
        Python
        Python
        Django
        Django

        Simple controls over complex technologies, as we put it, wouldn't be possible without neat UIs for our user areas including start page, dashboard, settings, and docs.

        Initially, there was Django. Back in 2011, considering our Python-centric approach, that was the best choice. Later, we realized we needed to iterate on our website more quickly. And this led us to detaching Django from our front end. That was when we decided to build an SPA.

        For building user interfaces, we're currently using React as it provided the fastest rendering back when we were building our toolkit. It鈥檚 worth mentioning Uploadcare is not a front-end-focused SPA: we aren鈥檛 running at high levels of complexity. If it were, we鈥檇 go with Ember.js.

        However, there's a chance we will shift to the faster Preact, with its motto of using as little code as possible, and because it makes more use of browser APIs. One of our future tasks for our front end is to configure our Webpack bundler to split up the code for different site sections. For styles, we use PostCSS along with its plugins such as cssnano which minifies all the code.

        All that allows us to provide a great user experience and quickly implement changes where they are needed with as little code as possible.

        See more
        Riderman De Sousa Barbosa
        Riderman De Sousa Barbosa
        Front-end Developer | 5 upvotes 8K views
        atmeve.aimeve.ai
        React
        React
        Preact
        Preact

        The first and most important premise is that should be fast.. really fast. This premise was basically because this is an PWA project, and the main goal of this project are be more efficient on restaurant.

        So I ended up choosing Preact instead React .

        This made the app (PWA) more faster, not only when navigating but improve TTI and data usage.

        See more
        Interest over time
        Reviews of Matter and Preact
        No reviews found
        How developers use Matter and Preact
        No items found
        How much does Matter cost?
        How much does Preact cost?
        Pricing unavailable
        Pricing unavailable
        News about Matter
        More news
        News about Preact
        More news