Fabric.js vs Preact

Overview

Preact

Stacks1.1K

Followers292

Votes28

Fabric.js

Stacks55

Followers170

Votes0

GitHub Stars30.5K

Forks3.6K

Fabric.js vs Preact: What are the differences?

What is Fabric.js? The easiest way to work with HTML5 canvas. It provides interactive object model on top of canvas element. Fabric also has SVG-to-canvas (and canvas-to-SVG) parser. Using Fabric.js, you can create and populate objects on canvas; objects like simple geometrical shapes.

What is Preact? Fast 3kb alternative to React with the same ES6 API. 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).

Fabric.js belongs to "Languages" category of the tech stack, while Preact can be primarily classified under "Javascript UI Libraries".

Fabric.js and Preact are both open source tools. Preact with 23.3K GitHub stars and 1.23K forks on GitHub appears to be more popular than Fabric.js with 13.2K GitHub stars and 2.14K GitHub forks.

Share your Stack

Help developers discover the tools you use. Get visibility for your team's tech choices and contribute to the community's knowledge.

View Docs

CLI (Node.js)

Manual

Advice on Preact, Fabric.js

Damiano

Oct 27, 2019

Decided

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.

25.6k views25.6k

Comments

Detailed Comparison

Preact	Fabric.js
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).	It provides interactive object model on top of canvas element. Fabric also has SVG-to-canvas (and canvas-to-SVG) parser. Using Fabric.js, you can create and populate objects on canvas; objects like simple geometrical shapes
-	Cross-browser Fast;Encapsulated in one object;No browser sniffing for critical functionality;Runs under ES5 strict mode;Runs on a server under Node.js;Follows Semantic Versioning
Statistics
GitHub Stars -	GitHub Stars 30.5K
GitHub Forks -	GitHub Forks 3.6K
Stacks 1.1K	Stacks 55
Followers 292	Followers 170
Votes 28	Votes 0
Pros & Cons
Pros 15 Lightweight 5 Drop-in replacement for React 4 Performance 3 Props/state passed to render 1 ES6 class components	No community feedback yet
Integrations
React	WordPress JavaScript HTML5

What are some alternatives to Preact, Fabric.js?

JavaScript

JavaScript is most known as the scripting language for Web pages, but used in many non-browser environments as well such as node.js or Apache CouchDB. It is a prototype-based, multi-paradigm scripting language that is dynamic,and supports object-oriented, imperative, and functional programming styles.

Python

Python is a general purpose programming language created by Guido Van Rossum. Python is most praised for its elegant syntax and readable code, if you are just beginning your programming career python suits you best.

jQuery

jQuery is a cross-platform JavaScript library designed to simplify the client-side scripting of HTML.

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.

PHP

Fast, flexible and pragmatic, PHP powers everything from your blog to the most popular websites in the world.

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.

Ruby

Ruby is a language of careful balance. Its creator, Yukihiro “Matz” Matsumoto, blended parts of his favorite languages (Perl, Smalltalk, Eiffel, Ada, and Lisp) to form a new language that balanced functional programming with imperative programming.

Java

Java is a programming language and computing platform first released by Sun Microsystems in 1995. There are lots of applications and websites that will not work unless you have Java installed, and more are created every day. Java is fast, secure, and reliable. From laptops to datacenters, game consoles to scientific supercomputers, cell phones to the Internet, Java is everywhere!

Golang

Go is expressive, concise, clean, and efficient. Its concurrency mechanisms make it easy to write programs that get the most out of multicore and networked machines, while its novel type system enables flexible and modular program construction. Go compiles quickly to machine code yet has the convenience of garbage collection and the power of run-time reflection. It's a fast, statically typed, compiled language that feels like a dynamically typed, interpreted language.

HTML5

HTML5 is a core technology markup language of the Internet used for structuring and presenting content for the World Wide Web. As of October 2014 this is the final and complete fifth revision of the HTML standard of the World Wide Web Consortium (W3C). The previous version, HTML 4, was standardised in 1997.