Episode 76: RRU 075: Animations and React Morphe with Bruno Lorenco
React Round Up
English - August 20, 2019 10:00 - 58 minutes - 54.6 MB - ★★★★★ - 18 ratingsHow To Education News Tech News react reactjs javascript front-end framework software development Homepage Download Apple Podcasts Google Podcasts Overcast Castro Pocket Casts RSS feed
Sponsors
Sentry use the code “devchat” for 2 months free on Sentry’s small plan
Panel
David Ceddia
Thomas Aylott
Leslie Cohn-Wein
Lucas Reis
With special guest: Bruno Lourenco
Episode Summary
Bruno is a developer specializing in multimedia. He is currently building websites with React and the creator of React Morph, an animation library. Bruno talks about what React Morph is, how it originated, and the flip animation technique. React Morph is uniquely designed to be compatible with many platforms. Bruno talks about his goal to make everything simpler, from having animations on your website, to making things easier for users of the application.
The panel discusses the importance of animation and how it relates to user accessibility. They discuss how animation is interpreted in the brain to create meaning and purpose. On the other hand, it can be easy to go overboard with animation and can even make people feel sick. Since animation is important, Bruno outlines ways to avoid causing motion sickness in users. They discuss the difficulty of communicating animation intention between designers and developers. Animation should not be the last thing a team thinks about and should be given the same kind of considerations as for color and typography. They discuss the difficulties of adding animation to a project and whether or not animations should be included in the design system. They talk about the differences between mobile apps and web apps in how animations are used, and what the different expectations users have for them.
React as a framework emphasizes static states, so Bruno and the panel discuss whether or not React is an animation friendly framework. Bruno talks about ways to get animations to fit the React paradigm so that they can be added. His hope is that React Morph will take care of a lot of animations automatically without CSS. He talks about other animation libraries that have influenced React Morph. The show finishes with Bruno talking about what he would like to accomplish next, which is to bring the design world and developer world closer together.
Links
Follow DevChat on Facebook and Twitter
Picks
David Ceddia:
Thomas Aylott:
Lucas Reis:
Information Theory for Intelligent People
Leslie Cohn-Wein:
Resilient Management by Laura Hogan
Spider-Man: Into the Spiderverse
Bruno Lourenco:
Special Guest: Bruno Lourenço.
Sponsors
Sentry use the code “devchat” for 2 months free on Sentry’s small plan
Panel
David Ceddia
Thomas Aylott
Leslie Cohn-Wein
Lucas Reis
With special guest: Bruno Lourenco
Episode Summary
Bruno is a developer specializing in multimedia. He is currently building websites with React and the creator of React Morph, an animation library. Bruno talks about what React Morph is, how it originated, and the flip animation technique. React Morph is uniquely designed to be compatible with many platforms. Bruno talks about his goal to make everything simpler, from having animations on your website, to making things easier for users of the application.
The panel discusses the importance of animation and how it relates to user accessibility. They discuss how animation is interpreted in the brain to create meaning and purpose. On the other hand, it can be easy to go overboard with animation and can even make people feel sick. Since animation is important, Bruno outlines ways to avoid causing motion sickness in users. They discuss the difficulty of communicating animation intention between designers and developers. Animation should not be the last thing a team thinks about and should be given the same kind of considerations as for color and typography. They discuss the difficulties of adding animation to a project and whether or not animations should be included in the design system. They talk about the differences between mobile apps and web apps in how animations are used, and what the different expectations users have for them.
React as a framework emphasizes static states, so Bruno and the panel discuss whether or not React is an animation friendly framework. Bruno talks about ways to get animations to fit the React paradigm so that they can be added. His hope is that React Morph will take care of a lot of animations automatically without CSS. He talks about other animation libraries that have influenced React Morph. The show finishes with Bruno talking about what he would like to accomplish next, which is to bring the design world and developer world closer together.
Links
Follow DevChat on Facebook and Twitter
Picks
David Ceddia:
Thomas Aylott:
Lucas Reis:
Information Theory for Intelligent People
Leslie Cohn-Wein:
Resilient Management by Laura Hogan
Spider-Man: Into the Spiderverse
Bruno Lourenco:
Special Guest: Bruno Lourenço.