Get Advice Icon

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

cf-ui
cf-ui

27
33
+ 1
0
Preact
Preact

70
79
+ 1
20
Add tool

cf-ui vs Preact: What are the differences?

cf-ui: A set of over 50 packages used to build UIs at CloudFlare using projects such as React, Redux, npm, Lerna, and more. While moving to React, we鈥檝e taken our existing Backbone UI framework and rebuilt it from scratch on top of React. This includes over 50 packages that include dozens of components, utilities, test helpers, and more; Preact: 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).

cf-ui and Preact belong to "Javascript UI Libraries" category of the tech stack.

cf-ui and Preact are both open source tools. It seems that Preact with 23.1K GitHub stars and 1.2K forks on GitHub has more adoption than cf-ui with 1.29K GitHub stars and 89 GitHub forks.

What is cf-ui?

While moving to React, we鈥檝e taken our existing Backbone UI framework and rebuilt it from scratch on top of React. This includes over 50 packages that include dozens of components, utilities, test helpers, and more.

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 cf-ui?
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 cf-ui?
        What companies use Preact?

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

        What tools integrate with cf-ui?
        What tools integrate with Preact?
          No integrations found

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

          What are some alternatives to cf-ui 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.
          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.
          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 cf-ui and Preact
          Dmitry Mukhin
          Dmitry Mukhin
          at Uploadcare | 22 upvotes 212.7K 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 12.5K 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 cf-ui and Preact
          No reviews found
          How developers use cf-ui and Preact
          No items found
          How much does cf-ui cost?
          How much does Preact cost?
          Pricing unavailable
          Pricing unavailable
          News about cf-ui
          More news
          News about Preact
          More news