DEV Community

loading...

Hooks Reducer Links

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

Articles Referenced:
ES5 functions vs. ES6 ‘fat arrow’ functions
Lifting State
K.C. Dodds - App State Management
Array Destructuring
Refs in React
useRef documentation
Web Accessibility Guidebook for Developers

StackBlitz Demos Referenced:
Demo With Prop Drilling
Class Using Context API
Functional Components Using Context API

Hooks Reducer: Demo Starting Point
Hooks Reducer: Add Todo
Hooks Reducer: Complete Todo
Hooks Reducer: DeleteTodo

Discussion (2)

Collapse
chenge profile image
chenge

Presentation, where?

var pets = {
  names: ['Baron', 'Chief', 'Axel'],
  owner: 'Jason',
  description: function(){
    return this.names.map((pet)=>{
      return `${this.owner} knows an awesome dog named ${pet}.`
    });
  }
};

pets.description()

Code in the 1st is fun.

Collapse
httpjunkie profile image
Eric Bishard Author

I will link to the presentation!