Learning React Hooks
Tags: react, hooks, learning, discuss
Published: 2019-05-06 18:11:19

---
title: Learning React Hooks
published: true
description: Links for learning React Hooks in 2019!
tags: React, Hooks, Learning, Discussion
---

## Orlando Hooks Presentation Demos

### Basic Hooks (Counter Demo)
[Class Based Counter](https://stackblitz.com/edit/react-state-hook-04?file=index.js)
[Functional Hook Based Counter](https://stackblitz.com/edit/react-state-hook-03?file=Counter.js)

### Basic Hooks (Profile Demo)
[Prop Drilling Example](https://stackblitz.com/edit/profile-no-context-api)
[Context API](https://stackblitz.com/edit/profile-with-context-api-setstate)
[Context API With Hooks and Functional Provider](https://stackblitz.com/edit/profile-with-usecontext-and-functional-provider)

### Advanced Hooks (Todo Demo)
[State Reducer with Hooks](https://stackblitz.com/edit/todos-with-usereducer?file=index.js)
[]()

## GitHub Repos w/ Examples from My React Hooks Presentation

[Basic Hooks (useState/useEffect)](https://github.com/httpJunkie/simple-counter-with-hooks)
[Basic Hooks (useContext)](https://github.com/httpJunkie/profile-component-with-hooks)
[Advanced Hooks (useReducer)](https://github.com/httpJunkie/todos-with-usereducer-hook)
[Todo Example in React App with Routing and Responsive layout](https://github.com/httpJunkie/react-todo)

## HOC, Render Props, and articles on Hooks
[YouTube: HOC vs Render Prop](https://www.youtube.com/watch?v=hfVwBuOdAqQ)
[React Hooks: What's going to happen to render props?](https://kentcdodds.com/blog/react-hooks-whats-going-to-happen-to-render-props)
[From Hooks to... Render Props?](https://frontarm.com/james-k-nelson/hooks-vs-render-props/)
[Mixins Considered Harmful](https://reactjs.org/blog/2016/07/13/mixins-considered-harmful.html#mixins-cause-name-clashes)
[Context API & React Hooks](https://medium.com/simply/state-management-with-react-hooks-and-context-api-at-10-lines-of-code-baf6be8302c)
[HOCs in a React World](https://medium.com/@albertchu539/higher-order-components-in-a-react-hooks-world-69fe1f0b0791)


## My Blogs and Articles on Hooks

[How to Use Basic React Hooks for State and Effects](https://www.telerik.com/blogs/how-to-use-basic-react-hooks-for-state-and-effects)
[How to Use Basic React Hooks for Context](https://www.telerik.com/blogs/how-to-use-basic-react-hooks-for-context)
[How to Use Basic React Hooks for Reducers](https://www.telerik.com/blogs/how-to-use-basic-react-hooks-for-reducers)
[Everything You Need to Create a Custom React Hook](https://www.telerik.com/blogs/everything-you-need-to-create-a-custom-react-hook)
[KendoReact: Using Charts and React Hooks](https://www.telerik.com/blogs/kendoreact-using-charts-and-react-hooks)
[Redirect React Router with Hooks](https://dev.to/httpjunkie/programmatically-redirect-in-react-with-react-router-and-hooks-3hej)
[Can I Use React Hooks yet](https://dev.to/httpjunkie/can-i-use-react-hooks-yet-35o9)
[Web Accessibility Guidebook for Developers](https://www.telerik.com/blogs/web-accessibility-guidebook-for-developers)


## Official Docs and Blogs

[ReactJS.org Hooks documentation](https://reactjs.org/docs/hooks-intro.html)
[React 16.8 (The One With Hooks)](https://reactjs.org/blog/2019/02/06/react-v16.8.0.html)

## Historical Videos on React, Flux and Redux

[Introduction to ReactJS](https://www.youtube.com/watch?v=XxVg_s8xAms)
[JS Apps at Facebook](https://www.youtube.com/watch?v=GW0rj4sNH2w)
[Hacker Way: Rethinking Web App Development at Facebook](https://www.youtube.com/watch?v=nYkdrAPrdcw)
[Hot Reloading with Time Travel at react-europe 2015](https://www.youtube.com/watch?v=xsSnOQynTHs)
[he Redux Journey at react-europe 2016](https://www.youtube.com/watch?v=uvAXVMwHJXU)
[React Today and Tomorrow and 90% Cleaner React With Hooks](https://www.youtube.com/watch?v=dpw9EHDh2bM)

## My Other React Articles on Telerik Blogs

[Telerik Blogs by Eric Bishard](https://www.telerik.com/blogs/author/eric-bishard)


## Miscellaneous Links from My React Hooks Presentation

[React Hooks Reducer Links](https://dev.to/httpjunkie/hooks-reducer-links-471d)
[GitHistory](https://githistory.xyz/)
[StackBlitz](https://stackblitz.com/)