In this video, we’ll be rendering videos with code using ReactJS. Focusing on the practical application of these technologies, the workshop will guide you through the intricacies of the Remotion library, the same tool used to create the captivating GitHub Unwrapped videos. Join us and master the art of creating videos programmatically using React.
Big thanks to @JonnyBurger the brilliant mind behind Remotion and #GitHubUnwrapped for leading this workshop:
www.jonny.io
github.com/jonnyburger
www.remotion.dev
www.githubunwrapped.com
❗Try our FREE 4-day Masterclass on notJust.Academy:
assets.notjust.dev/masterclas...
📰 Stay ahead with our newsletter for the latest tech in development:
www.notjust.dev/links
This video includes a lot of tools and technologies, providing an excellent opportunity to learn about:
- Advanced ReactJS Techniques: State management and rendering optimization for video content.
- Programmatic Animation: Create and control animations programmatically within your videos
- Component-Based Design: Understand how to utilize React components to structure complex video projects
📚 Enroll NOW in The Full-Stack Mobile Developer course and don’t miss out on your chance to become a 6-figure dev in 2023! Check out what our successful students are saying about their experience:
academy.notjust.dev/?...
💬 Join the notJust Development gang and let's build together:
Twitter: / vadimnotjustdev
Instagram: / vadimnotjus. .
Facebook: / notjustdev
LinkedIn: / vadimsavin
Discord: / discord
Timecodes:
0:00 Intro: Jonny Burger, founder of Remotion
02:15 Initialising our Remotion project
04:06 Project Demo
07:24 Project Structure
10:49 Rendering Videos programatically with React.JS
47:44 Final Project Showcase
48:33 Outro
Disclaimer: This build is for educational purposes only. All views, opinions, and technology choices expressed in this video are my own and do not represent the views, opinions, or technology choices of any entity I have been, am now, or will be affiliated with.
#notjustdev #remotion #github