Polymer vs Sencha Touch

Overview

Sencha Touch

Stacks78

Followers90

Votes28

Polymer

Stacks557

Followers463

Votes122

GitHub Stars22.1K

Forks2.0K

Polymer vs Sencha Touch: What are the differences?

Polymer: A new library built on top of Web Components, designed to leverage the evolving web platform on modern browsers. Polymer is a new type of library for the web, designed to leverage the existing browser infrastructure to provide the encapsulation and extendability currently only available in JS libraries. Polymer is based on a set of future technologies, including Shadow DOM, Custom Elements and Model Driven Views. Currently these technologies are implemented as polyfills or shims, but as browsers adopt these features natively, the platform code that drives Polymer evacipates, leaving only the value-adds; Sencha Touch: The leading mobile web app framework based on HTML5 for amazing mobile apps. Sencha Touch 2, a high-performance HTML5 mobile application framework, is the cornerstone of the Sencha HTML5 platform. Built for enabling world-class user experiences, Sencha Touch 2 is the only framework that enables developers to build fast and impressive apps that work on iOS, Android, BlackBerry, Kindle Fire, and more.

Polymer belongs to "Front-End Frameworks" category of the tech stack, while Sencha Touch can be primarily classified under "Cross-Platform Mobile Development".

"Web components" is the primary reason why developers consider Polymer over the competitors, whereas "Structured code" was stated as the key factor in picking Sencha Touch.

Polymer is an open source tool with 21.1K GitHub stars and 2K GitHub forks. Here's a link to Polymer's open source repository on GitHub.

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 Sencha Touch, Polymer

Gericke

Jul 27, 2020

Needs adviceon

.NET Core

JavaScript

React

Hi,

I am looking into solutions for reusable components for an existing #MVC project which is build on .NET Core. Currently some functionality is being reuses via JavaScript. I have React experience so I know I can create React components and then reference it on the MVC app. The only problem is I do not know the full extent of it as the current app uses a lot of 3rd party libraries, not sure how that will effect React components. I am currently looking into WebComponents which is also another way for creating reusable components and it is compatible with any JavaScript library based on what I have seen on the website. Also to take in consideration that it should cause a re-write of the system.

So my question is, to future-proof reusable components, which will be best React or Web Components? And which will be more reliable to use with 3rd party libraries?

49.2k views49.2k

Comments

Detailed Comparison

Sencha Touch	Polymer
Sencha Touch 2, a high-performance HTML5 mobile application framework, is the cornerstone of the Sencha HTML5 platform. Built for enabling world-class user experiences, Sencha Touch 2 is the only framework that enables developers to build fast and impressive apps that work on iOS, Android, BlackBerry, Kindle Fire, and more.	Polymer is a new type of library for the web, designed to leverage the existing browser infrastructure to provide the encapsulation and extendability currently only available in JS libraries. Polymer is based on a set of future technologies, including Shadow DOM, Custom Elements and Model Driven Views. Currently these technologies are implemented as polyfills or shims, but as browsers adopt these features natively, the platform code that drives Polymer evacipates, leaving only the value-adds.
Built on HTML5 Technology- Sencha Touch 2, a high-performance HTML5 mobile application framework, is the cornerstone of the Sencha HTML5 platform.;Smoother Scrolling and Animations- Sencha Touch 2 provides a user experience unparalleled in HTML5. Fluid Adaptive Layouts- Sencha Touch’s novel layout engine leverages HTML5 in powerful ways to let developers build complex applications that respond, load, and layout in a snap.;Navigation View- The new Navigation View component makes it easy to make applications that feature beautiful animated transitions between screens as well as providing automatic back button management.;Class System- Sencha Touch 2 builds on the class system from Ext JS 4. Developers can take advantage of powerful features like dynamic loading and mixins, all making it easy to create minified custom builds for your application.;Component DataView- The new Component DataView enables you to build beautiful interfaces based on a Model and a Store. It’s easy to create a template that has full featured components instead of simple HTML templates so you can bind, listen, and control components inside of a DataView.;Advanced List Plugins- Lists are one of the most popular components in Sencha Touch, and with 2.0 we’ve updated two of the most powerful plugins: Pull to Refresh and Load More. These plugins, activated with a single line of code, deliver a fantastic List experience out of the box.;Infinite Carousel- Carousels are a great way of showing multiple screens of information in a constrained space. In Sencha Touch 2 they get even more powerful, with a data-bound Carousel supporting an infinite number of items. No need to worry about performance, or memory — Sencha Touch manages it for you, so scrolling is consistently smooth.;Config System- Sencha Touch 2 has a great API thanks largely to its config system. Almost any configuration of any component can be changed at run time, with a consistent and predictable API.;AJAX - Sencha Touch provides full AJAX support, including CORS and JSON-P;DOM manipulation - Full DOM manipulation support available;Feature Detection - Automatically detects the presence of features like geolocation, canvas and orientation support;Geolocation - Provides a simple wrapper around geolocation on devices that support it;Icons - 300 icons included;Example apps - 8 full example apps included;Touch events - Provides a full range of touch events and gestures like tap, swipe and pinch	-
Statistics
GitHub Stars -	GitHub Stars 22.1K
GitHub Forks -	GitHub Forks 2.0K
Stacks 78	Stacks 557
Followers 90	Followers 463
Votes 28	Votes 122
Pros & Cons
Pros 8 Structured code 5 PhoneGap intergation 5 Mvc 3 Customised Component 2 Rich Charting Components	Pros 52 Web components 30 Material design 14 HTML 13 Components 5 Open source Cons 1 Last version is like 2 years ago? that's totally rad

What are some alternatives to Sencha Touch, Polymer?

Bootstrap

Bootstrap is the most popular HTML, CSS, and JS framework for developing responsive, mobile first projects on the web.

Ionic

Free and open source, Ionic offers a library of mobile and desktop-optimized HTML, CSS and JS components for building highly interactive apps. Use with Angular, React, Vue, or plain JavaScript.

Flutter

Flutter is a mobile app SDK to help developers and designers build modern mobile apps for iOS and Android.

React Native

React Native enables you to build world-class application experiences on native platforms using a consistent developer experience based on JavaScript and React. The focus of React Native is on developer efficiency across all the platforms you care about - learn once, write anywhere. Facebook uses React Native in multiple production apps and will continue investing in React Native.

Xamarin

Xamarin’s Mono-based products enable .NET developers to use their existing code, libraries and tools (including Visual Studio*), as well as skills in .NET and the C# programming language, to create mobile applications for the industry’s most widely-used mobile devices, including Android-based smartphones and tablets, iPhone, iPad and iPod Touch.

Foundation

Foundation is the most advanced responsive front-end framework in the world. You can quickly prototype and build sites or apps that work on any kind of device with Foundation, which includes layout constructs (like a fully responsive grid), elements and best practices.

Semantic UI

Semantic empowers designers and developers by creating a shared vocabulary for UI.

Materialize

A CSS Framework based on material design.

Material Design for Angular

Material Design is a specification for a unified system of visual, motion, and interaction design that adapts across different devices. Our goal is to deliver a lean, lightweight set of AngularJS-native UI elements that implement the material design system for use in Angular SPAs.

NativeScript

NativeScript enables developers to build native apps for iOS, Android and Windows Universal while sharing the application code across the platforms. When building the application UI, developers use our libraries, which abstract the differences between the native platforms.

Related Comparisons

Bootstrap vs Materialize

Django vs Laravel vs Node.js

Bootstrap vs Foundation vs Material UI

Node.js vs Spring-Boot

Flyway vs Liquibase

Polymer vs Sencha Touch: What are the differences?

Polymer belongs to "Front-End Frameworks" category of the tech stack, while Sencha Touch can be primarily classified under "Cross-Platform Mobile Development".

"Web components" is the primary reason why developers consider Polymer over the competitors, whereas "Structured code" was stated as the key factor in picking Sencha Touch.

Polymer is an open source tool with 21.1K GitHub stars and 2K GitHub forks. Here's a link to Polymer's open source repository on GitHub.