Custom Hooks in React: The Ultimate UI Abstraction Layer - Tanner Linsley | JSConf Hawaii 2020

This is an awesome video.

I think Tanner Linsley's approach of using hooks to manage Separation of Concerns (SOC) is 🔥🔥🔥.

How inspiring is this talk on React custom hooks! - Thanks, Tanner

{2022-11-16}

Regarding useClickOutside, why do "callbackRef.current(e)" and not just "callbackRef.current()"?

Nice!

watching this video makes me really want to redo this side-project I'm making

You gave me one more reason to stop using redux. Awesome talk

I was getting the feeling that was slowly creating his own Redux as when he made the function makeStore, heavy breathing

Wow, you just showed how we can replace redux, redux thunk, redux saga and redux persist with context api and hooks. Really awesome!

Awesome 🙏 specific how things building up step by step ... And at the end nozzle ❤️

Great talk! What tool did you use to highlight syntax?

This talk is amazing!! Thank you Tanner!!

The foundations of react-query :)

Really great talk, seems like we've come full circle on MVC lol

One of the best videos on react hooks 👌

Great talk linskey.... thank you very very much 😅

fantastic tutorial, you really know to express yourself and what you said was pretty clear and efficient. You are really one of the best around. Thank you very much.

This must be the best talk on hooks.

Thats great! Do you guys know any github repo which uses this approach?

The useClickOutside wouldn't work with portals. Great talk! I've added it in our company's doc for must watch react videos 💃🏽

Custom Hooks - " It's free real estate "

so cool! gonna try this logic next time i code!

Thanks Tanner, this was a really, really great little talk. This paradigm is a catch all - a boon for performance, cleanliness of code and readability, as well as developer experience and ease of implementation, recycling of code/cannibalization...

Great presentation. I like the way you structure app logic with hooks. I'm going to try this approach in my project. It looks very clean.

Great talk. I have a big smile on my face because I moved our team to almost exactly this way of developing and it's been a huge improvement. Lot's of reusable business logic means we get to spend more time creating really awesome UIs and worry less about bugs. That bit about all your data being a hook is exactly how I imagined hooks would be used once the dust settled, if you think about it it's kind of obvious.


Before hooks, you had to go through the render method to share functionality, looking back that seems insane. Why on earth do I have to pollute my render method to use some business logic? React was incomplete pre-hooks in this line of thinking.


Can't imagine life without hooks now!

Thank you for this awesome talk, Tanner. So many great ideas packed into less than 30 minutes.

is the code from the presentation available also in the form of blogpost or repo?

I loved every part of this video. Thanks Tanner Linsley

Thanks Tanner! Very well explained.

Nice! After reading Kent Dodds blogs this is the perfect video to follow on!

This has been incredibly insightful for how my team and I go about structuring logic inside our react apps. There is always that base nausea over import flood in a react component but I think if you can manage to push through that this design pattern has a tonne of advantages in most use cases.


Also cannot praise React Query enough, dead simple library that alleviates a lot of boilerplate for our codebase

But where do you keep this custom hooks files? In a helper folder? Or in a folder named "customHooks"?

very informative and explaining

I love js