Skip to content

Commit

Permalink
Add React hooks page
Browse files Browse the repository at this point in the history
  • Loading branch information
markerikson committed Nov 12, 2018
1 parent fc208b9 commit 256071e
Showing 1 changed file with 49 additions and 0 deletions.
49 changes: 49 additions & 0 deletions react-hooks.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,49 @@
### React Hooks

> **Note**: Hooks are still an **experimental proposal, available in an alpha release**. The API will likely change. Keep that in mind as you try them out.

#### Official Resources

- **React Docs: Hooks (Proposal)**
https://reactjs.org/docs/hooks-intro.html
The main resource for learning hooks. Includes an intro with motivation, tutorials on `useState` and `useEffect`, discussion of custom hooks, the full hooks API reference, and an in-depth FAQ. **Read the hooks docs first before looking at anything else!**

- **ReactConf 2018: React Today and Tomorrow**
https://www.youtube.com/watch?v=dpw9EHDh2bM
Sophie Alpert and Dan Abramov's talk unveiling hooks, live at ReactConf 2018.

- **Making Sense of React Hooks**
https://dev.to/dan_abramov/making-sense-of-react-hooks-2eib
Dan Abramov provides a lot of additional context around the hooks proposal, including potential benefits like co-locating related logic, examples of how to use hooks, whether they are "magic", and more. **Also a must-read.**


#### Hooks Tutorials

- **A Simple Intro to React Hooks**
https://daveceddia.com/intro-to-hooks/
Dave Ceddia continues his excellent easy-to-read React tutorials with a friendly intro to the basics of the `useState` hook. Also see [the other articles in his hooks intro series](https://daveceddia.com/archives/) as well.

- **What are React Hooks?**
https://www.robinwieruch.de/react-hooks/
An excellent article by Robin Wieruch. Includes examples of problems that hooks can help solve, discussion of how the changes affect React overall, and multiple examples for the `useState` and `useEffect` hooks.

- **Everything you need to know about React Hooks**
https://dev.to/vcarl/everything-you-need-to-know-about-react-hooks-doh
A thorough post from Carl Vitullo that digs into the potential use cases of all of the built-in hooks. Definitely worth reading once you've gotten your head around the basic ideas.



#### Understanding Hooks Internals

- **React Hooks Demystified**
https://dev.to/kayis/react-hooks-demystified-2af6
Implements a tiny fake version of React, then illustrates how hooks are "just" implemented with some global variables, like an array to track which hooks were used in the current function component.

- **React hooks: not magic, just arrays**
https://medium.com/@ryardley/react-hooks-not-magic-just-arrays-cd4f1857236e
Describes how the "rules of hooks" are all about React's use of arrays (or linked lists) internally, with diagrams to illustrate how the behavior is implemented.

- **React RFC #68: React Hooks**
https://github.com/reactjs/rfcs/pull/68
The official RFC announcing hooks. There's hundreds of comments from the community debating various pros and cons of the API design. Probably not worth reading the entire thread, but some interesting thoughts in there.

0 comments on commit 256071e

Please sign in to comment.