https://www.youtube.com/@cosdensolutions/videos

Cosden Solutions

في حاجه جميلة اوي لسا مكتشقها في js
حته كدا. هتحل مشكله اسمها race condition
لما تعمل fetch
ف زي مايكون الداتا بتسابق بعضها مين يوصل الاول ودا بيعمل مشكله

ف بتعمل دي الاول

تاني حاجه
تضيف دي تاني ارجيومينت ل فيتش فانكشن

و AbortController دي بتأثر عل البروزر وبس
ملهاش دعوه ب فريم وركس خالص
لانها Browser API يعني

تالت حاجه. ريتيرن فانكشن تعمل abort
ودي بيبق اسمها CleanUp function
بعد كل كدا. في ايرور بيظهر
The user aborted a request
ف اعمله ايرور هاندلينج
if (error.name === "AbortError") return;

How Dynamic Array works in Node.JS
https://medium.com/@modywmbadr/how-dynamic-array-works-in-node-js-3d4e15c9ce73

4 React UI Components Libraries You Should Be Using

Tremor - https://www.tremor.so/components
Radix-UI - https://www.radix-ui.com/
ShadCN - https://ui.shadcn.com
Next UI - https://nextui.org/

https://github.com/streamich/react-use

Collection of essential React Hooks

npm i react-use

A very great feature in optional chaining.
Naturally, it is for objects. Check if this property exists or not.
But there is something that will benefit you.
It works with function as well
Like this
callback?.()

If this callback function exists? It will be implemented.
If it is not there. Nothing will happen

Here you will need it when you create a custom hook and pass a function to it as another parameter

and take a look at #rules_of_hooks
https://react.dev/reference/rules/rules-of-hooks

https://github.com/pomber/didact
Didact
Build your own React

https://overreacted.io/
Some articles about React.
and the most famous questions about it

https://blog.isquaredsoftware.com/2020/05/blogged-answers-a-mostly-complete-guide-to-react-rendering-behavior/?ref=jonas.io

Complete Guide to React Rendering Behavior

https://angularindepth.com/posts/1008/inside-fiber-in-depth-overview-of-the-new-reconciliation-algorithm-in-react

Inside Fiber: in-depth overview of the new reconciliation algorithm in React

https://thoughtspile.github.io/2021/05/17/everything-about-react-refs/

Everything about React refs
What you should and shouldn't do with useRef

https://react.dev/reference/react/useSyncExternalStore

https://twitter.com/sebastienlorber/status/1615329010761842689


useSyncExternalStore ➡️ good way to prevent React hydration issues

⭐And take a look at this⭐️
https://julesblom.com/writing/usesyncexternalstore?ref=jonas.io

https://alexsidorenko.com/blog/react-render-always-rerenders/

A Visual Guide to React Rendering - It Always Re-renders

⭐️Methodology of how useReducer work⭐️