How the Live effect run-time is implemented .embed-live-40 { padding-bottom: 40%; } .embed-live-56 { padding-bottom: 56%; } @media screen and (max-width: 767px) { .embed-live-m-square { padding-bottom: 100%; } .embed-live-m-tall { padding-bottom: 150%; } } In this post I describe how the Live run-time internals are implemented, which drive Use.GPU . Some pre-existing React and FP effect knowledge is useful. I have written about Live before , but in general terms. You may therefor have a wrong impression of this endeavor. When a junior engineer sees an application doing complex things, they're often intimidated by the prospect of working on it. They assume that complex functionality must be the result of complexity in code. The fancier the app, the less understandable it must be. This is what their experience has been so far: seniority correlates to more and hairier lines of code. After 30 years of coding though, I know it's actually the inverse.…