ComponentKit vs Ratchet

Overview

Ratchet

Stacks23

Followers36

Votes1

GitHub Stars14.6K

Forks1.4K

ComponentKit

Stacks14

Followers28

Votes5

GitHub Stars5.8K

Forks582

ComponentKit vs Ratchet: What are the differences?

What is ComponentKit? ComponentKit by Facebook: A React-Inspired View Framework for iOS. ComponentKit is an Objective-C++ view framework for iOS that is heavily inspired by React. It takes a functional, declarative approach to building UI. It was built to power Facebook's News Feed and is now used throughout the Facebook iOS app.

What is Ratchet? Build mobile apps with simple HTML, CSS, and JS components. Made by the creators of Twitter Bootstrap, Ratchet is a library that allows you to build mobile apps with simple HTML, CSS, and JS components.

ComponentKit and Ratchet can be primarily classified as "Mobile UI Frameworks" tools.

ComponentKit and Ratchet are both open source tools. It seems that Ratchet with 14.4K GitHub stars and 1.52K forks on GitHub has more adoption than ComponentKit with 5.03K GitHub stars and 549 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

Detailed Comparison

Ratchet	ComponentKit
Made by the creators of Twitter Bootstrap, Ratchet is a library that allows you to build mobile apps with simple HTML, CSS, and JS components.	ComponentKit is an Objective-C++ view framework for iOS that is heavily inspired by React. It takes a functional, declarative approach to building UI. It was built to power Facebook's News Feed and is now used throughout the Facebook iOS app.
Statistics
GitHub Stars 14.6K	GitHub Stars 5.8K
GitHub Forks 1.4K	GitHub Forks 582
Stacks 23	Stacks 14
Followers 36	Followers 28
Votes 1	Votes 5
Pros & Cons
Pros 1 Minimal	Pros 1 Built by Facebook 1 Reactive 1 Rapid Development 1 View Framework 1 Used by Facebook's News Feed
Integrations
No integrations available	Objective-C

What are some alternatives to Ratchet, ComponentKit?

Weex

Weex renders code in native widgets in Android & iOS and helps preserve the quality of user experience on critical platforms.

SwiftUI

Provides views, controls, and layout structures for declaring your app's user interface. The framework provides event handlers for delivering taps, gestures, and other types of input to your app.

React Native Material Design

An open source project which aims to bring Material Design to Android through React Native by Facebook. The library is made up of many components, which can be found in the sidebar.

jQuery Mobile

jQuery Mobile is a HTML5-based user interface system designed to make responsive web sites and apps that are accessible on all smartphone, tablet and desktop devices.

React Native Paper

Material design for React Native.

CoreRender

React-inspired Swift library for writing UIKit UIs.

Reagent

It allows you to define efficient React components using nothing but plain ClojureScript functions and data, that describe your UI using a Hiccup-like syntax.

react-native-ui-kitten

react-native-ui-kitten is a framework that contains a set of commonly used UI components styled in a similar way. The main idea of this framework is to move style definitions into a specific place making components reusable and styled in a single way. You just focus on business logic and it takes care of visual appearance.

Classy

Not CSS. Instead of trying to force UIKit to fit CSS syntax, properties, conventions and constructs. Classy is a stylesheet system built from the ground up to work in harmony with UIKit. It borrows the best ideas from CSS and introduces new syntax, conventions and constructs where appropriate.