Why React 'Hates' Arrays, Objects and Functions

preview_player
Показать описание
The mechanics of React make it difficult to manage arrays, objects and functions because they are compared by reference and not value. Let's dig into the mechanics of this and tell you how to deal with it. This will help you understand React better and make it easier to build stable React 18, NextJS or Remix applications.

#shorts
  1. Jack Herrington
  2. React memo
  3. Memo Reactjs
  4. jack herrington
  5. mastering react memo
  6. mastering React Memo
Рекомендации по теме
Why React 'Hates' 0:00:57

Why React 'Hates' Arrays, Objects and Functions

React Hates Sort, 0:01:00

React Hates Sort, Shift, Push, Pop and Unshift

Why React's Object 0:00:59

Why React's Object State Tracking is Weird

🌶️ take - 0:01:00

🌶️ take - React dependency arrays are evil

React State Array 0:20:55

React State Array of Objects

Fixing Arrays In 0:00:46

Fixing Arrays In React Dependency Arrays

React Typescript | 0:00:47

React Typescript | Objects are not valid as a React child. Use an array instead with Array.map().

Error: Objects are 0:04:43

Error: Objects are not valid as React child

The Genius Slayer: 1:05:33

The Genius Slayer: How My Crazy System Put Me Above All Others! | Manhwa Recap

The best hook 0:00:52

The best hook for arrays in React

Stop Making This 0:00:40

Stop Making This Mistake with the useEffect React Hook! #shorts

Best Programming Languages 0:00:16

Best Programming Languages #programming #coding #javascript

React - Fixing 0:00:41

React - Fixing 'Objects are not valid as a react child' #shorts

Careful using array.reverse 0:06:19

Careful using array.reverse in react - I should have read the docs

Uncaught Error - 0:00:47

Uncaught Error - Objects are not valid as a React child

React: How To 0:00:58

React: How To Stop Re-renders

Rendering React Components 0:00:46

Rendering React Components Conditionally

Array : Updating 0:01:13

Array : Updating only one property inside an array of objects react

Render a List 0:00:50

Render a List from an Object in React

Like & Dislike 0:00:38

Like & Dislike Module in React js

React How to 0:00:42

React How to Add an Element to a State Array

How to Push 0:13:42

How to Push to State Array - React Tutorial 13

JavaScript for the 0:02:50

JavaScript for the Haters

let's reduce this 0:00:30

let's reduce this down #react #reactjs #frontend #javascript #programming #code #software

Комментарии
Автор

Keep these shorts coming.
Love'em.

sahej
Автор

Great explainer going more in depth with how React compares things in dependency arrays. Understanding fundamentals like this is key to working good React code.

gmssoberyahsharahla
Автор

What a wealth of knowledge this channel brings

tonybrown
Автор

Can't wait 'til we get proper Records and Tuples in ECMAScript!

download
Автор

Great video.. on point, clear and important to know information 💪🏻

josebaiturregui
Автор

Do you suggest using these hooks for ALL arrays, objects, and functions, or are there specific scenarios you would suggest not using these hooks?

itschriscarrillo
Автор

That's the deceptive part about dynamic languages it's hard to tell which variables are being compared as references versus as values.

Rust_Rust_Rust
Автор

Nice video, can u do a video about signals? (Talking about Solid signals)
And do you think it will be used in react in the future?

jvitormelo
Автор

I am sure this is why we have array functions that create new a new array like map

rafaricfi
Автор

I guess and tupples and records are finally available everywhere it will make things so much easier. Just had a look they are already on stage2 ♥️

victorlongon
Автор

What about class components? A lot of projects stills use them

LaLoses
Автор

You forgot the most common one, if you have a non-changing object, you can define it outside the component.

zentali-meditation
Автор

let a = []; let b = []; let c = JSON.stringify(a); let d = JSON.stringify(b); c === d // true

terrythompson
join shbcf.ru