React is the new jQuery

#1

Post by brennankreiman » Fri, Jun 01, 2018, 11:06 PM UTC

Re: React is the new jQuery

#2

Post by parvenu74 » Fri, Jun 01, 2018, 11:15 PM UTC

Let’s not forget that jQuery was a polyfill that allowed JavaScript Devs on all browsers to code to a common baseline. React is a nice —- and popular —- library for building UIs but it’s existence isn’t an indictment of the laziness of standards implementors for browsers (okay, IE mainly) and god-send to developers like jQuery was.

Re: React is the new jQuery

#3

Post by growtofill » Sat, Jun 02, 2018, 1:50 AM UTC

parvenu74 wrote: post #2

Let’s not forget that jQuery was a polyfill that allowed JavaScript Devs on all browsers to code to a common baseline. React is a nice —- and popular —- library for building UIs but it’s existence isn’t an indictment of the laziness of standards implementors for browsers (okay, IE mainly) and god-send to developers like jQuery was.

Yes, React isn’t _exactly_ jQuery, but it gives the same level of productivity boost comparing to development with just the modern DOM APIs (querySelector, classList, etc).

Re: React is the new jQuery

#4

Post by rich-and-poor » Sat, Jun 02, 2018, 1:51 AM UTC

Oh Brad, you do not know what you are talking about right off the bat. Let's go through your list.

1. Every document has a root node. is your root node now. You had a root node before, you have a root node now.

2. Do a search and replace. That's easy.

3. That's another search and replace.

4. You don't need to call a constructor, you don't need to use bind, and you don't need to assign your functions to an variable on your class instance.

React allows you to compose things. Make something once and use it everywhere. You write much, much less code. You get lifecycle hooks for when things mount, update, unmount. You get easy templating in JSX. You can also ditch the whole thing for Inferno if you care about having no lisence or company behind it.

You also get amazing libraries for state management and async via reactivex.

Re: React is the new jQuery

#5

Post by steve_adams_86 » Sat, Jun 02, 2018, 2:02 AM UTC

rich-and-poor wrote: post #4

Oh Brad, you do not know what you are talking about right off the bat. Let's go through your list. 1. Every document has a root node. is your root node now. You had a root node before, you have a root node now. 2. Do a search and replace. That's easy. 3. That's another search and replace. 4. You don't need to call a constructor, you don't need to use bind, and you don't need to assign your functions to an variable on…

You also get convention. jQuery didn't offer much of that once you started gluing its functions together...

I can usually jump into someone's react code and get what's going on pretty quickly unless they did something really gnarly with incredibly nested props. Even then, at least I still know where to drill down. With jQuery soup, you didn't get that luxury.

Being able to have an entire team know how to build components and provide them with functionality is an incredible advantage. I don't love everything about react either, but the ecosystem, somewhat enforced convention, tooling, etc - it's worth it (so far).

I love some things about Vue, but it isn't a silver bullet either. Brad seems to be pretty butt hurt about react. If you've worked on a large team without something like react, then worked on one with react, it really shines. It's a major productivity booster.

It's not perfect, but it's very good.

Re: React is the new jQuery

#6

Post by mpc » Sat, Jun 02, 2018, 2:05 AM UTC

We're talking about two totally different programming paradigms here. The end product might be the same but it's more of a question about how you arrive there.

With JQuery you're signing up for manual DOM manipulation. It's a challenge to scale that for what's now considered table-stakes for web apps.

Re: React is the new jQuery

#7

Post by paulddraper » Sat, Jun 02, 2018, 2:10 AM UTC

steve_adams_86 wrote: post #5

rich-and-poor wrote: post #4

Oh Brad, you do not know what you are talking about right off the bat. Let's go through your list. 1. Every document has a root node. is your root node now. You had a root node before, you have a root node now. 2. Do a search and replace. That's easy. 3. That's another search and replace. 4. You don't need to call a constructor, you don't need to use bind, and you don't need to assign your functions to an variable on…

You also get convention. jQuery didn't offer much of that once you started gluing its functions together... I can usually jump into someone's react code and get what's going on pretty quickly unless they did something really gnarly with incredibly nested props. Even then, at least I still know where to drill down. With jQuery soup, you didn't get that luxury. Being able to have an entire team know how to build compon…

jQuery had a lot of convention, for both it and it's plugins.

jQuery + co. have very consistent "look and feel"

Re: React is the new jQuery

#8

Post by girvo » Sat, Jun 02, 2018, 2:19 AM UTC

paulddraper wrote: post #7

steve_adams_86 wrote: post #5

Earlier quoted context omitted.

You also get convention. jQuery didn't offer much of that once you started gluing its functions together... I can usually jump into someone's react code and get what's going on pretty quickly unless they did something really gnarly with incredibly nested props. Even then, at least I still know where to drill down. With jQuery soup, you didn't get that luxury. Being able to have an entire team know how to build compon…

jQuery had a lot of convention, for both it and it's plugins. jQuery + co. have very consistent "look and feel"

I agree when you’re talking about the most well known of plugins and so on, but IME for application code all that goes out the window. A lot of developers really didn’t know how to write JavaScript back then. Still don’t, but we didn’t then either ;)

Re: React is the new jQuery

#9

Post by statictype » Sat, Jun 02, 2018, 2:23 AM UTC

If you tear out something like jQuery, you’re going to have to figure out a way to get those accordions to expand and collapse again. If you tear out React, you get a blank page. React is a big commitment.

This is probably the only real concern I see.

jQuery is a library for DOM manipulation. It can co-exist with many other libraries.

React is an entire framework.

These days you need jquery less because browsers are more standards compliant and css animations basically work.

The trick is about using the right tool for the right job.

We have several large react applications - these are user-interaction heavy rich single page apps.

But we also use vanilla html and jquery dom manipulations in many other places.

Re: React is the new jQuery

#10

Post by nol13 » Sat, Jun 02, 2018, 2:25 AM UTC

<3 jQuery, maybe nostalgia talking but still one of my favorite pieces of software ever. Made DOM manipulation fun.