DEV Community

loading...

Learning React Hooks

Eric Bishard
Senior Developer Advocate for @Couchbase (NodeJS)
Updated on ・3 min read

Orlando Hooks Presentation Demos

Basic Hooks (Counter Demo)

Class Based Counter
Functional Hook Based Counter

Basic Hooks (Profile Demo)

Prop Drilling Example
Context API
Context API With Hooks and Functional Provider

Advanced Hooks (Todo Demo)

State Reducer with Hooks

GitHub Repos w/ Examples from My React Hooks Presentation

Basic Hooks (useState/useEffect)
Basic Hooks (useContext)
Advanced Hooks (useReducer)
Todo Example in React App with Routing and Responsive layout

HOC, Render Props, and articles on Hooks

YouTube: HOC vs Render Prop
React Hooks: What's going to happen to render props?
From Hooks to... Render Props?
Mixins Considered Harmful
Context API & React Hooks
HOCs in a React World

My Blogs and Articles on Hooks

How to Use Basic React Hooks for State and Effects
How to Use Basic React Hooks for Context
How to Use Basic React Hooks for Reducers
Everything You Need to Create a Custom React Hook
KendoReact: Using Charts and React Hooks
Redirect React Router with Hooks
Can I Use React Hooks yet
Web Accessibility Guidebook for Developers

Official Docs and Blogs

ReactJS.org Hooks documentation
React 16.8 (The One With Hooks)

Historical Videos on React, Flux and Redux

Introduction to ReactJS
JS Apps at Facebook
Hacker Way: Rethinking Web App Development at Facebook
Hot Reloading with Time Travel at react-europe 2015
he Redux Journey at react-europe 2016
React Today and Tomorrow and 90% Cleaner React With Hooks

My Other React Articles on Telerik Blogs

Telerik Blogs by Eric Bishard

Miscellaneous Links from My React Hooks Presentation

React Hooks Reducer Links
GitHistory
StackBlitz

Discussion (0)