Video editing on web
TL;DR: One of my clients, 
Get Moments, asked me to do a video editor on the web. It was not a full-scale video editing platform but rather a more simple one. On the one hand, it is quite simple, but on the other hand, it is also a bit challenging.
As a front-end developer, my objectives for this project were clear. Fetch the data about scene setup, let the user do the magic, and sync the data in the correct format back to the server. But how can it be seamless and smooth for the user? 🤔
How does it work?
At first, I thought about writing my own engine to handle video playback and all the scenes. But before making any major decision, I do some research to find out what the frontend community did and solved before. I found this great React library Remotion, and almost cried with happiness! The people behind this project have covered me. I can create video compositions using React!
The project needed a different UI for user interaction and was a bit simplified than a basic video editor. The major use case for this project was to load the prepared video cut, let the user make the adjustments (like changing scenes, removing scenes, editing volume, etc.), and start the rendering process on the server. From those needs comes all the data flow and architecture of an app.
Remotion is a great library that can provide a full React video editor and lambdas for rendering tasks. Ultimately, I only used part of this video editing stack - the player module. The player module can play a video composition based on different scenes. Handles multiple sources of media and provides hooks.
Tech stack
The main reason for using React in this case was the Remotion plugin. At the time of writing, it only existed in the React ecosystem, making working with multimedia much easier than reinventing the wheel. We used a GraphQL API for the backend, so my beloved Apollo came in. Last but not least, the puzzle piece in this stack is
Zustand - a simple store solution for every project scale. And the rest is pretty common.
... and the rest will be here soon. I am still working on this text. Stay tuned! 🚀