✅ What to call today's log
✅ Review last streams TODOs
✅ 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
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 didnt 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!
Reference for working with React Hooks https://reactjs.org/docs/hooks-reference.html
Made super great progress 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 check for re-running the hooks and doing removeListeners when things get destructed.