Tim Kindberg is a developer striving to master all that is Front End related with focused experience in React and Angular. Tim also has a background in Graphic Design, UI/UX Design, Animation and eLearning. He works at Kroger Technology on the Products team using modern web tech to redefine the grocery world. He's also a contributor to open source in his limited free time.
showing 8 lessons...
It's easy to repeat over a collection and render many elements. Riot works very similar to Angular and has various syntaxes for it's each attribute. We'll look at the typical syntax for arrays, a shortened syntax, and an object key/value syntax.
Every tag in Riot has a lifecycle. I'll explore the three hooks: mount, update, and unmount while adding an animation feature for an existing tag. Lifecycle hooks are important for setting up, tearing down, and keeping a tag's view up to date after external logic is run.