When UI isn't a function of state

Frontend First

Sam and Ryan discuss how transitions in a JavaScript app are typically not exhaustively coded as functions of state, and how that can make them difficult to build. They also talk about different ways to work with complex SVG assets in the browser, using CSS grid for page layouts, and the differences in the React and Ember ecosystems when it comes to small vs. large tools.

Topics include:

- 4:45 - Building out Mirage's new homepage. SVG positioning.

- 15:42 - CSS Grid for layouts

- 19:36 - Update on launching Mirage JS. Adding types to Mirage.

- 24:09 - Learning about idempotence through React Spring. What to do when UI isn't a function of state.

- 52:40 - Sharp tools vs. high-level APIs


- [React Spring](https://www.react-spring.io)

- [Small, Sharp Tools](https://brandur.org/small-sharp-tools)

Audio Player