We found a staggering amount of "jQuery is outdated", "jQuery isn't relevant", "I think jQuery is dying out", "…forget about jQuery. It isn't good for anything anymore", "jQuery hasn't been relevant for years, in my opinion, it's best to avoid a "career" that requires it"!
What is JQuery & How it became so popular?
JQuery was born at that time.
Developers around the world started rolling out hundreds of plugins and front - end frames depending on JQuery because of the popularity, many of them became popular.
What's changed since then?
JQuery gradually lost its uniqueness. This can be attributed to three main things:
- Modern browsers like Google Chrome & Firefox came and they implemented JS consistently
Technologies such as AngularJS, React & VueJS came and JQuery looked outdated. People began to question the latter's significance. Since one is a library (function collection) and the other are frameworks (or frameworks-like), their use cases never completely overlap. A library is good at what it is supposed to do and may not be good for what it is not supposed to do, and vice versa.
Is Jquery still relevant yet? What are the current trends?
Although the library is gradually losing grounds, it is still relevant. There are many websites that use it. JQuery is still in use on a staggering 77 percent of the top 1 million websites, according to BuiltWith. So if you ever find yourself working on such a website, you should know the library. JQuery is a beautiful library apart from popularity. Its methods of chaining are crisp and elegant.
Should you use jQuery in 2019?
It is crucial to choose the right tools and technologies for the job at hand in web development.
Suppose you work with minimal user interactions on a simple WordPress website. You also need some animation or sliders, though. JQuery is very handy in that case. A full framework such as React or Vue may not need to be brought into the scene.
Another scenario is when you have to work with a popular front-end framework such as Bootstrap, which depends very much on JQuery. Some people argue, however, that using JQuery is not justified by Bootstrap. But if you already know Bootstrap and want to develop a page quickly, it's not wrong to do the job. In fact, Bootstrap 5 expected to completely replace jQuery.
Apart from Bootstrap, several popular plugins like Slick – 9.3% of the top 1 million websites use it – are dependent on this library. If you are using them, you will inevitably come across JQuery.
Basically, if you may need to use Jquery if:
- you are working with WordPress or similar content management systems
- the work includes legacy codes or plugins dependent on Jquery
- your app or website targets old browsers also
- you are used to it, and it makes development a lot easier (but don't be lazy... it's always useful to learn other languages)
Now let's see why this would not be a good choice:
For User Interfaces & Single Page Apps
One of the main advantages of modern frameworks such as Vue is that they have a data layer. In other words, you can attach or bind data to your page's elements. The view also changes automatically when these data change. So you don't always have to directly access the DOM and manipulate it as you do in JQuery. This makes it very easy to build complex user interfaces.
Conclusion: Is Jquery dead?
No, it isn't. It's very alive because it still depends on many websites and plugins. But the trend is declining.
Should you even use it if you know it? It's up to you. If it makes the work better, nothing is wrong.
But it's also a wise decision not to over - depend on it.
Licenciada en Bellas Artes y programadora por pasión. Cuando tengo un rato retoco fotos, edito vídeos y diseño cosas. El resto del tiempo escribo en MA-NO WEB DESIGN END DEVELOPMENT.
In this article we talked about what AJAX calls are and how to use them in a traditional way, by using the XMLHttpRequest (XHR) object. In short, thanks to AJAX…
Today, we're going to write about the parallax effect, similar to parallax scrolling, and how to implement it to improve your landing page. In webdev, they say mobile first -…
Recently we wrote about how to do a switchable alternative color mode or theme, a very useful and popular feature to websites. Today’s article is going to be about how…
In today’s article we are going to learn how to build pretty much standard these days on the web pages and that is the alternative color mode and switching between…
Npm and yarn are package managers that help to manage a project’s dependencies. A dependency is, as it sounds, something that a project depends on, a piece of code that…