Hi guys, I finished my random quote machine. I populated it with fun programmer-oriented quotes from sci-fi if you need a fun break. I built it with React/Redux per the Beta FCC curriculum. I was able to randomly select a new color along with the new quote (no immediate repeats), and get the colors to transition by applying CSS transitions to the color. It passes all the tests, but I can’t quite make it look like the model page (which is coded in jQuery, and thus no help).
However, I can’t get the text to fade in and out while being updated, and I’m not quite sure how to make this an A+ project on my own steam, so I’ve submitted, and now I’m asking the class how they would solve the extra credit. Stackoverflow doesn’t have great advice. The closest it came was suggesting the componentWillUpdate() lifecycle hook as place to apply a fadeOut and a fadeIn on a timeout. (I’m pretty new at web technologies, so any syntax advice would be appreciated). If you don’t know what behavior I’m trying to emulate in React, ideally in “raw React” without the extra animation libraries, check out the model page.