Skip to content

Stripping Down Components With React Hooks #60

Description

@cianfoley-nearform

Hey all, I'd like to give a talk in December on simplifying react components with hooks

I'll talk through the whys and the hows of it.

Essentially moving imperative code into custom hook libraries means that components remain super clean and the nitty gritty can be abstracted out and re-used in your own code, across wider organisation or maybe even open-sourced.

I'll go through the react browser hooks library that was created by NearForm and the reasons why we did it, and show some other practical examples I've come across that just make things a whole lot simpler.

We will:

  • look at browser hooks for implementing things like full screen, location, drag n drop and others in a friendly cross browser way, showing use of useState, useEffect, useRef
  • go through some cool practical things around using canvas and routing in a live application
  • demonstrate the practicality of useContext
  • maybe show a more complex example on some madder stuff around a declarative keyboard and requestAnimationFrame (which I used to learn a bit more about hooks initially)

30-45 mins?

Metadata

Metadata

Assignees

No one assigned

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions