forked from markerikson/react-redux-links
-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
fc208b9
commit 256071e
Showing
1 changed file
with
49 additions
and
0 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
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. |