ES6 vs jQuery


+ 1

+ 1
Add tool

ES6 vs jQuery: What are the differences?

Developers describe ES6 as "The next version of JavaScript". Goals for ECMAScript 2015 include providing better support for large applications, library creation, and for use of ECMAScript as a compilation target for other languages. Some of its major enhancements include modules, class declarations, lexical block scoping, iterators and generators, promises for asynchronous programming, destructuring patterns, and proper tail calls. On the other hand, jQuery is detailed as "The Write Less, Do More, JavaScript Library". jQuery is a cross-platform JavaScript library designed to simplify the client-side scripting of HTML.

ES6 can be classified as a tool in the "Languages" category, while jQuery is grouped under "Javascript UI Libraries".

"ES6 code is shorter than traditional JS" is the primary reason why developers consider ES6 over the competitors, whereas "Cross-browser" was stated as the key factor in picking jQuery.

jQuery is an open source tool with 51.9K GitHub stars and 18.3K GitHub forks. Here's a link to jQuery's open source repository on GitHub.

Uber Technologies, Twitter, and reddit are some of the popular companies that use jQuery, whereas ES6 is used by Slack, StackShare, and ebay. jQuery has a broader approval, being mentioned in 4052 company stacks & 2611 developers stacks; compared to ES6, which is listed in 1462 company stacks and 1731 developer stacks.

Decisions about ES6 and jQuery
Malek Boubakri
Malek Boubakri
Web developer at Quicktext · | 0 upvotes · 62 views

The project is a web gadget previously made using vanilla script and JQuery, It is a part of the "Quicktext" platform and offers an in-app live & customizable messaging widget. We made that remake with React eco-system and Typescript and we're so far happy with results. We gained tons of TS features, React scaling & re-usabilities capabilities and much more!

What do you think?

See more
kazi shahin
kazi shahin
CTO at Blubird Interactive Ltd. · | 3 upvotes · 5.5K views

I've an eCommerce platform building using Laravel, MySQL and jQuery. It's working good and if anyone become interested, I just deploy the entire source cod e in environment / Hosting. This is not a good model of course. Because everyone ask for small or large amount of change and I had to do this. Imagine when there will be 100 separate deploy and I had to manage 100 separate source. So How do I make my system architecture so that I'll have a core / base source code. To make any any change / update on specific deployment, it will be theme / plugin / extension based . Also if I introduce an API layer then I could handle the Web, Mobile App and POS as well ? Is the API should be part of source code or a individual single API and all the deployment will use that API ?

See more
Amir Mousavi
Amir Mousavi
at Bountix · | 4 upvotes · 2.3K views

This post is a bit of an obvious one, as we have a web application, we obviously need to have HTML and CSS in our stack. Though specifically though, we can talk a bit about backward compatibility and the specific approaches we want to enforce in our codebase.

HTML : Not much explanation here, you have to interact with HTML for a web app. We will stick to the latest standard: HTML 5.

CSS: Again if we want to style any of our components within he web, we have to use to style it. Though we will be taking advantage of JSS in our code base and try to minimize the # of CSS stylesheets and include all our styling within the components themselves. This leaves the codebase much cleaner and makes it easier to find styles!

Babel: We understand that not every browser is able to support the cool new features of the latest node/JS features (such as redue, filter, etc) seen in ES6. We will make sure to have the correct Babel configuration o make our application backward compatible.

Material UI (MUI): We need to make our user interface as intuitive and pretty as possible within his MVP, and the UI framework used by Google will provide us with exactly that. MUI provides pretty much all the UI components you would need and allows heavy customization as well. Its vast # of demos will allow us to add components quickly and not get too hung up on making UI components.

We will be using the latest version of create-react-app which bundles most of the above along many necessary frameworks (e.g. Jest for testing) to get started quickly.

See more

For our front-end, React is chosen because it is easy to develop with due to its reusable components and state functions, in addition to a lot of community support. Because React is popular, it would be easy to hire for it here at our company MusiCore. Our team also has experience with React already. React can be written with ES6 and ES6 has a lot of popularity and versatility when it comes to creating classes and efficient functions. Node.js will be used as a runtime environment to compile the code. Node.js also has many different types of open-source packages that can help automate some of the tasks we want to do for the application. CSS 3 will be used to style components and is the standard for that.

See more
Manatsawin Hanmongkolchai
Manatsawin Hanmongkolchai
at · | 2 upvotes · 376 views

When I started TipMe, I thought about using React frontend. At the end, plain, simple jQuery won.

I had to build this iteration of the site fast and by using jQuery I could keep using Django as a full stack development tool. One important point is Django form (combined with Django Bootstrap3) means that I don't have to reinvent form rendering again, which will be the case with React.

Over time, more interactivity seeped into the site and React components start making its way into the codebase.

I now wish the site is built using React so that I could add more user friendly interfaces easier (no more fuddling with server states) but I would still say jQuery helped me get past those early days.

See more
Aleksandr Filatov
Aleksandr Filatov
Contract Software Engineer - Microsoft · | 2 upvotes · 3.6K views
Shared a protip
How to make your JS code faster just adding some parenthesis?

Optimize-js I will not describe this tool a lot here, because it's already good done by author on github

I just want to mention that this tool wrap up all immediately-invoked functions or likely-to-be-invoked functions in parentheses what is do a great optimization a JavaScript file for faster initial execution and parsing (based on my experience).

The performance of application where I've introduced optimize-js improved on 20% in a common (tested in Chrome and IE11).

Why it happens?

Is it maintaining now? - Unfortunately, no (but feel free to send PR)

See more
- No public GitHub repository available -

What is ES6?

Goals for ECMAScript 2015 include providing better support for large applications, library creation, and for use of ECMAScript as a compilation target for other languages. Some of its major enhancements include modules, class declarations, lexical block scoping, iterators and generators, promises for asynchronous programming, destructuring patterns, and proper tail calls.

What is jQuery?

jQuery is a cross-platform JavaScript library designed to simplify the client-side scripting of HTML.
Why do developers choose ES6?
Why do developers choose jQuery?

Sign up to add, upvote and see more prosMake informed product decisions

Sign up to add, upvote and see more consMake informed product decisions

What companies use ES6?
What companies use jQuery?

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

What tools integrate with ES6?
What tools integrate with jQuery?

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

What are some alternatives to ES6 and jQuery?
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.
It adds syntactic sugar inspired by Ruby, Python and Haskell in an effort to enhance JavaScript's brevity and readability. Specific additional features include list comprehension and de-structuring assignment.
TypeScript is a language for application-scale JavaScript development. It's a typed superset of JavaScript that compiles to plain JavaScript.
Fast, flexible and pragmatic, PHP powers everything from your blog to the most popular websites in the world.
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.
See all alternatives
Interest over time
Reviews of ES6 and jQuery
No reviews found
How developers use ES6 and jQuery
Avatar of Andrew Gatenby
Andrew Gatenby uses jQueryjQuery

jQuery has been the basis of our front end JS for a number of years. The key part for us was that the amount of code saved by using jQuery methods, as opposed to writing out cross-browser compatible alternatives made it a no brainer. In recent years we've had to be clever in how we deliver jQuery on the websites, to ensure it's not render blocking and improve client-side performance but it's still a vital library.

Avatar of Ana Phi Sancho
Ana Phi Sancho uses jQueryjQuery

In process of Learning Technics. Cross-browser Compatibility: handles a lot of infuriating cross-browser issues . used to make some widgets and effects: jQuery plugin repository.

jQuery allows to easily do DOM scripting (i.e. HTML elements manipulation and event handling). using jquery under MVC webapps. Studing to know more

Avatar of Kurzor, s.r.o.
Kurzor, s.r.o. uses ES6ES6

We started using CoffeeScript years ago, so the switch to ES6 is quite natural in our team. ES6 of course advances the JS standard to a level of an advanced language. We are using it today simply because it: 1. helps to keep the code shorter, 2. integrates easily with JSX, 3. helps to deal with immutable using const.

Avatar of Scrayos UG (haftungsbeschränkt)
Scrayos UG (haftungsbeschränkt) uses jQueryjQuery

jQuery is only used in small amounts, primarily for animations and UIs, but it is included in the WSC, so we felt like not including it here would be kind of cheating. jQuery also almost makes ajax-requests a pleasure to work with, so ... you got that point, jQuery.

Avatar of Lawrence Cheuk
Lawrence Cheuk uses jQueryjQuery

I don't use javascript, I use jquery....well I know it does not make sense, but I just want to stress how important it is. let's rephase it: whenever I use javascript, I use jquery. when you look at any js file of mine, 90% is jqery api.

Avatar of Jake Taylor
Jake Taylor uses ES6ES6

ES6 is a new-ish, modern form of JavaScript that adds in extra functionality that make code cleaner and easier to work with, such as arrow functions, const and let declarations, array helper methods, object/array destructuring etc.

Avatar of Tarun Singh
Tarun Singh uses jQueryjQuery

Used jQuery for dom manipulations. Another great feature used was its deferred() function with promise to avoid callback hell.

Avatar of Ryan VanBelkum
Ryan VanBelkum uses ES6ES6

ES6 (ES2015) is a huge improvement to the javascript spec. These additions are heavily leveraged in React development, such as spread operators, fat arrow functions, and classes.

Avatar of Mick Dekkers
Mick Dekkers uses ES6ES6

ES6/ES2015+ makes JavaScript a pleasure to write. Arrow functions, template literals and ES modules especially. RIP CoffeeScript.

Avatar of Ataccama
Ataccama uses ES6ES6

ES6 brings some sweet features to the language. Our favourites are lambda-expressions, block-scoped consts and lets and Promises.

How much does ES6 cost?
How much does jQuery cost?
Pricing unavailable
Pricing unavailable
News about ES6
More news