Stream 11/11/19 - Twitch Channel Points Integration

Check Out the Stream @ https://twitch.tv/talk2megooseman

Today Objective

✅ What to call today's log

✅ Review last streams TODOs

✅ Review Overrall tasks

✅ Today finally got access to the channel points beta. So were going to experiment using it with Twitch Interactive Overlay

✅ Bonus: Work on React Hooks, converting the React-Twitch-Video-Embed from a class-based component to using Hooks

Notes

Enabled Channel Points

Channel Points is something brand new Twitch currently in beta. You can sign up for access to the channel points beta for your channel here, https://www.twitch.tv/beta/channelpoints

Once you do get access you have the ability to customize what you call channel points. In my case, I call them Honkss because Twitch didn't like it with one S.

In ComfyJS, Instafluff added in the ability to get the reward information for channel redemptions in this commit:

Founder, Highlight Messages, Custom Reward ID · instafluff/ComfyJS@d160994

So were going to be using this to learn how to integrate this into the overlay system.

In order to support channel point redemption, I will need to hard code the reward IDs for my channel, the downside of doing is that it won't work for other streams. They will need to fork the repo and customize the IDs.

Now the channels very first channel point redemption event is Text To Speech!

React Hooks

Reference for working with React Hooks https://reactjs.org/docs/hooks-reference.html

Made super great progress in converting our class component to React Hooks. Took plenty of useEffects and couple useRefs but it looks like it mostly working. Still, need to complete some of the dependencies checks for re-running the hooks and doing removeListeners when things get destructed.