info/developer-roadmap
1
0
Fork 0
mirror of https://github.com/kamranahmedse/developer-roadmap.git synced 2025-02-24 11:33:09 +01:00
Code Issues Releases Wiki Activity

Add advanced react hooks docs

Browse Source
This commit is contained in:
Kamran Ahmed 2022-08-12 20:03:05 +04:00
parent c1a088833d
commit a44cd14484
3 changed files with 16 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
content/roadmaps/103-react/content/100-react-fundamental-topics/108-basic-hooks/readme.md
View File

@ -1,7 +1,7 @@
# React Hooks
# Hooks
Hooks were introduced in React 16.8 and they let us use state and other React features without writing a class
<ResourceGroupTitle>Free Content</ResourceGroupTitle>
<BadgeLink colorScheme='blue' badgeText='Official Docs' href='https://reactjs.org/docs/hooks-intro.html'>Introduction to Hooks</BadgeLink>
<BadgeLink colorScheme='blue' badgeText='Official Docs' href='https://reactjs.org/docs/hooks-reference.html'>Hooks Reference</BadgeLink>

9
content/roadmaps/103-react/content/101-react-advanced-topics/100-hooks/101-writing-your-own-hooks.md
View File

@ -1 +1,8 @@
# Writing your own hooks
# Writing Custom Hooks
Building your own Hooks lets you extract component logic into reusable functions.
<ResourceGroupTitle>Free Content</ResourceGroupTitle>
<BadgeLink colorScheme='blue' badgeText='Official Docs' href='https://reactjs.org/docs/hooks-custom.html'>Creating Custom Hooks</BadgeLink>
<BadgeLink colorScheme='yellow' badgeText='Read' href='https://www.freecodecamp.org/news/how-to-create-react-hooks/'>How to Build Your Own React Hooks</BadgeLink>

7
content/roadmaps/103-react/content/101-react-advanced-topics/100-hooks/102-common-hooks.md
View File

@ -1 +1,6 @@
# Common hooks
# Common Hooks
React also has a lot of hooks that allow you to write more efficient React code.
<ResourceGroupTitle>Free Content</ResourceGroupTitle>
<BadgeLink colorScheme='blue' badgeText='Official Docs' href='https://reactjs.org/docs/hooks-reference.html#usereducer'>React Hooks Reference</BadgeLink>