Get Advice Icon

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

Matter

54
16
+ 1
0
Preact

441
290
+ 1
28
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.

Decisions about Matter and Preact
Damiano Magrini
Chose
PreactPreact
over
ReactReact

Preact offers an API which is extremely similar to React's for less than 10% of its size (and createElement is renamed to h, which makes the overall bundle a lot smaller). Although it is less compatible with other libraries than the latter (and its ecosystem is nowhere as developed), this is generally not a problem as Preact exposes the preact/compat API, which can be used as an alias both for React and ReactDOM and allows for the use of libraries which would otherwise just be compatible with React.

See more
Manage your open source components, licenses, and vulnerabilities
Learn More
Pros of Matter
Pros of Preact
    Be the first to leave a pro
    • 15
      Lightweight
    • 5
      Drop-in replacement for React
    • 4
      Performance
    • 3
      Props/state passed to render
    • 1
      ES6 class components

    Sign up to add or upvote prosMake informed product decisions

    164
    4
    58
    569
    - No public GitHub repository available -

    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).

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

    What companies use Matter?
    What companies use Preact?
    Manage your open source components, licenses, and vulnerabilities
    Learn More

    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

    Blog Posts

    JavaScriptGitHubReact+12
    5
    4236
    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.
    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’s syntax to express your application’s 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.
    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.
    See all alternatives