React · Theory

jQuery vs React

Theory

54/94

jQuery vs React

jQuery selects nodes and mutates them: $('#n').text(Number($('#n').text())+1). React: setCount(c => c+1) and the text comes from state. Two different owners of the DOM. Mixing $() inside React after mount fights reconciliation — don’t.

jQuery still fine for a tiny static page. A stateful SPA is why teams picked React.

jQuery vs React — output — imperative vs state. Don’t mix $() into React trees.

Exam tip

Imperative vs declarative. Don’t mix.

Example

// jQuery vs React
console.log("jQuery: $('#n').text(Number($('#n').text())+1)");
console.log("React : setCount(c => c+1) → UI");

jQuery vs React — output: imperative vs state. Don’t mix $() into React trees.

Short notes

jQuery : imperative DOM.
React : state → UI.
Trapmixing $ inside React.

React · Theory

jQuery vs React

← All stacks

Theory

54/94

jQuery vs React

jQuery still fine for a tiny static page. A stateful SPA is why teams picked React.

jQuery vs React — output — imperative vs state. Don’t mix $() into React trees.

Exam tip

Imperative vs declarative. Don’t mix.

Example

// jQuery vs React
console.log("jQuery: $('#n').text(Number($('#n').text())+1)");
console.log("React : setCount(c => c+1) → UI");

jQuery vs React — output: imperative vs state. Don’t mix $() into React trees.

Short notes

jQuery : imperative DOM.
React : state → UI.
Trapmixing $ inside React.

jQuery vs React

Example

Short notes

Questions

jQuery vs React

Example

Short notes

Questions