{"id":20130431,"url":"https://github.com/shaygali/react-hooks","last_synced_at":"2026-05-12T17:36:04.875Z","repository":{"id":43101170,"uuid":"510824640","full_name":"ShayGali/react-hooks","owner":"ShayGali","description":"React hooks summary","archived":false,"fork":false,"pushed_at":"2022-09-20T06:23:47.000Z","size":4665,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-01-13T08:46:14.483Z","etag":null,"topics":["react","react-bootstrap","react-components","react-hooks","summary"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/ShayGali.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2022-07-05T17:01:03.000Z","updated_at":"2024-05-23T09:45:01.000Z","dependencies_parsed_at":"2023-01-18T15:45:15.392Z","dependency_job_id":null,"html_url":"https://github.com/ShayGali/react-hooks","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ShayGali%2Freact-hooks","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ShayGali%2Freact-hooks/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ShayGali%2Freact-hooks/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ShayGali%2Freact-hooks/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ShayGali","download_url":"https://codeload.github.com/ShayGali/react-hooks/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":241577072,"owners_count":19984940,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["react","react-bootstrap","react-components","react-hooks","summary"],"created_at":"2024-11-13T20:38:36.286Z","updated_at":"2026-05-12T17:36:04.820Z","avatar_url":"https://github.com/ShayGali.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# React Hooks Summary\n\n\u003cdiv dir=\"rtl\"\u003e\nסיכום שהכנתי על hook בריאקט.\n\n[לינק לאתר של הדוגמאות קוד](https://shaygali.github.io/react-hooks/)\n\n\u003cdiv align=\"center\"\u003e\n\n|         שם          |                                                   קישור לסיכום                                                   |                                                          הסבר בקצרה |\n|:-------------------:|:----------------------------------------------------------------------------------------------------------------:|--------------------------------------------------------------------:|\n|      useState       |            [useState](https://github.com/ShayGali/react-hooks/tree/master/src/Hooks%20Examples/State)            |                               ניהול ה state בתוך function component |\n|      useEffect      |           [useEffect](https://github.com/ShayGali/react-hooks/tree/master/src/Hooks%20Examples/Effect)           |                                              דרך להריץ side effects |\n|       useMemo       |             [useMemo](https://github.com/ShayGali/react-hooks/tree/master/src/Hooks%20Examples/Memo)             |   שיפור ביצועים בעזרת זכירת ערכים \u003cbr\u003e(עובד גם על משתנים פרימיטבים) |\n|       useRef        |              [useRef](https://github.com/ShayGali/react-hooks/tree/master/src/Hooks%20Examples/Ref)              |   1.Reference Element\u003cbr\u003e2. כמו סטייט\u003cbr\u003e3. שמירת ערך קודם של סטייט |\n|     useContext      |          [useContext](https://github.com/ShayGali/react-hooks/tree/master/src/Hooks%20Examples/Context)          |                                      דרך להעביר מידע בין קומפוננטות |\n|     useReducer      |          [useReducer](https://github.com/ShayGali/react-hooks/tree/master/src/Hooks%20Examples/Reducer)          | ניהול סטייט בצורה יותר מסובכת \u003cbr\u003e(טוב לסטייס מסובך שקשה לנהל אותו) |\n|     useCallback     |         [useCallback](https://github.com/ShayGali/react-hooks/tree/master/src/Hooks%20Examples/Callback)         |   מאפשר לזכור רפרנס לפומקתיה, וליצור אותה מחדש רק כאשר ערכים משתנים |\n|   useLayoutEffect   |     [useLayoutEffect](https://github.com/ShayGali/react-hooks/tree/master/src/Hooks%20Examples/LayoutEffect)     |           כמו useEffect רק סינכרוני. טוב לביצוע מניפולציות על ה DOM |\n|    useTransition    |       [useTransition](https://github.com/ShayGali/react-hooks/tree/master/src/Hooks%20Examples/Transition)       ||\n|  useDeferredValue   |    [useDeferredValue](https://github.com/ShayGali/react-hooks/tree/master/src/Hooks%20Examples/DeferredValue)    ||\n| useImperativeHandle | [useImperativeHandle](https://github.com/ShayGali/react-hooks/tree/master/src/Hooks%20Examples/ImperativeHandle) ||\n|        useId        |               [useId](https://github.com/ShayGali/react-hooks/tree/master/src/Hooks%20Examples/Id)               ||\n|    custom-hooks     |      [custom-hooks](https://github.com/ShayGali/react-hooks/tree/master/src/Hooks%20Examples/custom-hooks)       |                     יצירה של hook משלנו כדי לאחד לוגיקה ושימוש מחדש |\n\n\u003c/div\u003e\n\n### לינקים\n\n* [פליליסט שמסביר את כל ה hookים](https://www.youtube.com/watch?v=O6P86uwfdR0\u0026list=PLZlA0Gpn_vH8EtggFGERCwMY5u5hOjf-h)\n* [דוקומנטציה של ה hookים](https://reactjs.org/docs/hooks-reference.html)\n* [w3schools](https://www.w3schools.com/react/react_hooks.asp)\n* [webdevsimplified blog](https://blog.webdevsimplified.com/)\n\n\u003c/div\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fshaygali%2Freact-hooks","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fshaygali%2Freact-hooks","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fshaygali%2Freact-hooks/lists"}