Stripping Down Components With React Hooks

[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?

[Codesleuth]

Awesome! Proposing for December 10th 👌
Let's discuss travel or remote and we can lock it in ✅