正在加载视频...

视频加载失败

加载此视频时出现问题。这可能是由于临时网络问题，或视频可能不可用。

❌ Avoid increasing time complexity by having non-normalized state variables in React . ✅ Instead normalize the structure of the state variables to reduce time complexity.

George Moller

119,046 subscribers

177,601 次观看 • 2 年前 •via X (Twitter)

喜剧科学技术教育

Anya Rossi• Live Now

Private livecam show

10 条评论

George Moller 的头像

George Moller2 年前

Hey there 👋 Friendly reminder that I have more than 100 infographics and video animations just like this one. Check them out ↓

George Moller 的头像

George Moller2 年前

Hey there 👋 Friendly reminder that I have more than 100 infographics and video animations just like this one. Check them out ↓

Hammad Ahmad 的头像

Hammad Ahmad2 年前

noice , ok what if we get data from an Api call , then , we first loop all the array of object to store ids and entities, then we will again loop over the data , and then time completely will be O(n2) . i mean really? correct if i am wrong 😑 .

George Moller 的头像

George Moller2 年前

@ch_hadi0 Data should already come normalized from the API backend

mvrlin 的头像

mvrlin2 年前

What’s the point of having ids and entities? Now you have O(n^2) space complexity. Just use plain object or even better Map.

Pavel Romanov 的头像

Pavel Romanov2 年前

I’ve seen such things in a wild and sometimes it can really boost your performance! The only thing I would change is to convert “users” to the Map. I’ve found it really useful lately

Vojtěch Jedlička 的头像

Vojtěch Jedlička2 年前

This doesn't make much sense to me. 1. Map is designed to do exactly this. 2. There is no noticeable performance difference for smaller than huge arrays and those should be paginated anyways.

George Moller 的头像

George Moller2 年前

Not for smaller arrays, but try measuring the performance of the find method against the map when you have thousand of entries/records and you'll see a notable difference.

ricklove 的头像

ricklove2 年前

No, don’t introduce complexity. Lookups should only be used inside an algorithm with a loop. Code review failed.

RadicalRabbit 的头像

RadicalRabbit2 年前

Why is a seperate array of just ids needed?

相关视频

❌ Avoid multiple state variables to track status. ✅ Instead use enums.

❌ Avoid multiple state variables to track status. ✅ Instead use enums.

George Moller

152,253 次观看 • 1 年前

❌ Avoid deriving state in useEffect in React, this can create multiple unnecessary render phases. ✅ Instead derive the state directly in the event handler, this way you'll have one single render phase. ↓

❌ Avoid deriving state in useEffect in React, this can create multiple unnecessary render phases. ✅ Instead derive the state directly in the event handler, this way you'll have one single render phase. ↓

George Moller

33,474 次观看 • 1 年前

❌ Avoid having components with too many props. ✅ Instead use the compound components pattern in React to embrace composition.

❌ Avoid having components with too many props. ✅ Instead use the compound components pattern in React to embrace composition.

George Moller

177,627 次观看 • 1 年前

❌ Avoid having components with too many props. ✅ Instead use the compound components pattern in React to embrace composition.

❌ Avoid having components with too many props. ✅ Instead use the compound components pattern in React to embrace composition.

George Moller

130,061 次观看 • 2 年前

❌ Don't pass props to multiple nested components in React. ✅ Instead use libraries like react-query to better handle server state.

❌ Don't pass props to multiple nested components in React. ✅ Instead use libraries like react-query to better handle server state.

George Moller

137,429 次观看 • 2 年前

❌ Avoid prop-drilling components in React ✅ Instead embrace the Provider/Consumer pattern using the Context API

❌ Avoid prop-drilling components in React ✅ Instead embrace the Provider/Consumer pattern using the Context API

George Moller

48,311 次观看 • 1 年前

❌ Avoid using useState for more complex state management ✅ Instead use useReducer ↓

❌ Avoid using useState for more complex state management ✅ Instead use useReducer ↓

George Moller

124,069 次观看 • 2 年前

A big mistake I see people routinely making is NOT clearly defining a time horizon prior to an investment/trade. Your time horizon for a trade is dictated by the longevity of the variables that trigger price action. i.e. $BTC is a long term hold due to the debasement of fiat + passive ETF bid over time (the variables here take years to play out) The same can be applied to a short term trade (the variables could be fast-moving). Full thoughts below.

A big mistake I see people routinely making is NOT clearly defining a time horizon prior to an investment/trade. Your time horizon for a trade is dictated by the longevity of the variables that trigger price action. i.e. $BTC is a long term hold due to the debasement of fiat + passive ETF bid over time (the variables here take years to play out) The same can be applied to a short term trade (the variables could be fast-moving). Full thoughts below.

Miles Deutscher

52,180 次观看 • 1 年前

Increasing smart contract complexity → greater oracle demand → more usage of the Chainlink platform

Increasing smart contract complexity → greater oracle demand → more usage of the Chainlink platform

Chainlink

26,307 次观看 • 6 个月前

Don’t waste time creating manual styles and variables in Figma!

Don’t waste time creating manual styles and variables in Figma!

Jan Mraz

17,169 次观看 • 8 个月前

Introducing Variables! (Beta)🔸A new way to create interactive experiences in Spline. 🤹‍♀️ Numbers, Strings, Booleans 🔥 Dynamic: Time, Counter, Random ↔️ Attach variables to inputs ⚡️ Trigger events from variables 🎯 Capture object props changes Demo: Remix:

Introducing Variables! (Beta)🔸A new way to create interactive experiences in Spline. 🤹‍♀️ Numbers, Strings, Booleans 🔥 Dynamic: Time, Counter, Random ↔️ Attach variables to inputs ⚡️ Trigger events from variables 🎯 Capture object props changes Demo: Remix:

Spline

85,390 次观看 • 2 年前

❌ Avoid Provider wrapping hell in React. ✅ Instead combine all your Providers using composition.

❌ Avoid Provider wrapping hell in React. ✅ Instead combine all your Providers using composition.

George Moller

120,830 次观看 • 2 年前

❌ Avoid Provider wrapping hell in React. ✅ Instead combine all your Providers using composition.

❌ Avoid Provider wrapping hell in React. ✅ Instead combine all your Providers using composition.

George Moller

256,599 次观看 • 2 年前

You should stop using environment variables. They are a horrible untyped and unsafe mutable global state. A ticking time bomb. Even Rust can't save you.

You should stop using environment variables. They are a horrible untyped and unsafe mutable global state. A ticking time bomb. Even Rust can't save you.

Valentin Ignatev

71,524 次观看 • 5 个月前

working with a combination of variables, modes, base components, and themed instances to explore designs in light and dark mode at the same time 🔊

working with a combination of variables, modes, base components, and themed instances to explore designs in light and dark mode at the same time 🔊

David Hill

18,858 次观看 • 7 个月前

❌ Avoid difficult-to-read conditionals in React. ✅ Instead you can use ts-pattern to express complex conditions in a single, compact expression.

❌ Avoid difficult-to-read conditionals in React. ✅ Instead you can use ts-pattern to express complex conditions in a single, compact expression.

George Moller

185,781 次观看 • 2 年前

📢Our #CopernicusClimate Change Service has recently released the "#Copernicus Interactive Climate Atlas" (C3S Atlas) It allows to explore 30 climate variables through 8 state-of-the-art datasets More at

📢Our #CopernicusClimate Change Service has recently released the "#Copernicus Interactive Climate Atlas" (C3S Atlas) It allows to explore 30 climate variables through 8 state-of-the-art datasets More at

Copernicus EU

22,802 次观看 • 2 年前

Component properties can now be bound to variables Also, UI has been simplified so that props and variables are in the same dropdown

Component properties can now be bound to variables Also, UI has been simplified so that props and variables are in the same dropdown

Figma

38,480 次观看 • 1 年前

(1 of 5, a thread) Assembling an expression through a series of bite-size clips, slowly increasing in complexity of tool use. To start, creating a simple subtle smile by moving just the upper center and corner lip "A" bones, using only position along a single axis at a time:

(1 of 5, a thread) Assembling an expression through a series of bite-size clips, slowly increasing in complexity of tool use. To start, creating a simple subtle smile by moving just the upper center and corner lip "A" bones, using only position along a single axis at a time:

Catte Next Door

127,429 次观看 • 1 年前

Found a dream plugin for making typography scales, it creates: – Variables – Styles with variables as values – Sticker sheet on the canvas And you can build ramps based on a ratio/calculation as well, saving a tonne of time

Found a dream plugin for making typography scales, it creates: – Variables – Styles with variables as values – Sticker sheet on the canvas And you can build ramps based on a ratio/calculation as well, saving a tonne of time

luis.

49,425 次观看 • 1 年前