Todos

• create a basic function that we'll use to transform our input number array

• visualize the process of the transform function being applied to each number individually

• align numbers with array brackets vertically

• make several different arrays with various types of content available to chosen by user

• make several transform functions the user can select to run against their chosen array

• allow the user to write their make their own array with custom contents

• allow the user to write their own custom function the run with a HOF

Lessons

great to find a solution to the broken line animation problem with the fast toggler to ensure refs stay fresh. Works even better than i though, notice the difference between inputArray and outPut array. input array explicilty toggles the same content depending on fastToggler state whereas I didnt change anything about outputArray and it still worked. Not sure exactly why but it looks like react is noticing all the fast state changes and the refs are being automatically updated.