https://github.com/shaygali/react-hooks
React hooks summary
https://github.com/shaygali/react-hooks
react react-bootstrap react-components react-hooks summary
Last synced: 2 months ago
JSON representation
React hooks summary
- Host: GitHub
- URL: https://github.com/shaygali/react-hooks
- Owner: ShayGali
- Created: 2022-07-05T17:01:03.000Z (almost 3 years ago)
- Default Branch: master
- Last Pushed: 2022-09-20T06:23:47.000Z (over 2 years ago)
- Last Synced: 2025-01-13T08:46:14.483Z (4 months ago)
- Topics: react, react-bootstrap, react-components, react-hooks, summary
- Language: JavaScript
- Homepage:
- Size: 4.45 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# React Hooks Summary
סיכום שהכנתי על hook בריאקט.
[לינק לאתר של הדוגמאות קוד](https://shaygali.github.io/react-hooks/)
| שם | קישור לסיכום | הסבר בקצרה |
|:-------------------:|:----------------------------------------------------------------------------------------------------------------:|--------------------------------------------------------------------:|
| useState | [useState](https://github.com/ShayGali/react-hooks/tree/master/src/Hooks%20Examples/State) | ניהול ה state בתוך function component |
| useEffect | [useEffect](https://github.com/ShayGali/react-hooks/tree/master/src/Hooks%20Examples/Effect) | דרך להריץ side effects |
| useMemo | [useMemo](https://github.com/ShayGali/react-hooks/tree/master/src/Hooks%20Examples/Memo) | שיפור ביצועים בעזרת זכירת ערכים
(עובד גם על משתנים פרימיטבים) |
| useRef | [useRef](https://github.com/ShayGali/react-hooks/tree/master/src/Hooks%20Examples/Ref) | 1.Reference Element
2. כמו סטייט
3. שמירת ערך קודם של סטייט |
| useContext | [useContext](https://github.com/ShayGali/react-hooks/tree/master/src/Hooks%20Examples/Context) | דרך להעביר מידע בין קומפוננטות |
| useReducer | [useReducer](https://github.com/ShayGali/react-hooks/tree/master/src/Hooks%20Examples/Reducer) | ניהול סטייט בצורה יותר מסובכת
(טוב לסטייס מסובך שקשה לנהל אותו) |
| useCallback | [useCallback](https://github.com/ShayGali/react-hooks/tree/master/src/Hooks%20Examples/Callback) | מאפשר לזכור רפרנס לפומקתיה, וליצור אותה מחדש רק כאשר ערכים משתנים |
| useLayoutEffect | [useLayoutEffect](https://github.com/ShayGali/react-hooks/tree/master/src/Hooks%20Examples/LayoutEffect) | כמו useEffect רק סינכרוני. טוב לביצוע מניפולציות על ה DOM |
| useTransition | [useTransition](https://github.com/ShayGali/react-hooks/tree/master/src/Hooks%20Examples/Transition) ||
| useDeferredValue | [useDeferredValue](https://github.com/ShayGali/react-hooks/tree/master/src/Hooks%20Examples/DeferredValue) ||
| useImperativeHandle | [useImperativeHandle](https://github.com/ShayGali/react-hooks/tree/master/src/Hooks%20Examples/ImperativeHandle) ||
| useId | [useId](https://github.com/ShayGali/react-hooks/tree/master/src/Hooks%20Examples/Id) ||
| custom-hooks | [custom-hooks](https://github.com/ShayGali/react-hooks/tree/master/src/Hooks%20Examples/custom-hooks) | יצירה של hook משלנו כדי לאחד לוגיקה ושימוש מחדש |
### לינקים
* [פליליסט שמסביר את כל ה hookים](https://www.youtube.com/watch?v=O6P86uwfdR0&list=PLZlA0Gpn_vH8EtggFGERCwMY5u5hOjf-h)
* [דוקומנטציה של ה hookים](https://reactjs.org/docs/hooks-reference.html)
* [w3schools](https://www.w3schools.com/react/react_hooks.asp)
* [webdevsimplified blog](https://blog.webdevsimplified.com/)