From 256071e402d8cccd53d16bdd53813801b2e670bc Mon Sep 17 00:00:00 2001 From: Mark Erikson Date: Mon, 12 Nov 2018 00:06:50 -0500 Subject: [PATCH] Add React hooks page --- react-hooks.md | 49 +++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 49 insertions(+) create mode 100644 react-hooks.md diff --git a/react-hooks.md b/react-hooks.md new file mode 100644 index 0000000..88acb4a --- /dev/null +++ b/react-hooks.md @@ -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. \ No newline at end of file