ELI5: Yoga – Cross-Platform Format Engine

In this post, we’re going to discuss Yoga, an open source cross-platform layout engine. If your learning is more visual, check out our short video on the subject on our YouTube channel.

Why Yoga?

People often see the same website on a variety of devices, browsers, and screen sizes. Since every platform has its own way of displaying content, web developers need to design, maintain, and modify their website layout to take into account all of the ways users can view their website. That is a lot of work. If only there was an engine that web developers could write their code once and use anywhere.

Presented Yoga, an open source cross-platform layout engine that manages user interfaces across platforms by reusing CSS layouts. This approach provides a uniform standard for all users so that developers can focus on other tasks.

Yoga implements a commonly used tool called CSS Flexbox. This project allows developers to create flexible layouts on any platform with a highly optimized layout engine designed for speed, size and ease of use.

In order to compete with native platforms, yoga values ​​performance. Written in C and C ++, Yoga allows its users a small number of dependencies while providing a smooth user experience.

One of the goals of the yoga developers was to make learning this layout engine easier. You have created an interactive playground that can be used to experiment all the functions of yoga right in the browser and then bring them to a platform of your choice.

Where is it used?

Yoga was offered as open source for the first time in 2016. Since then, open source projects such as Litho, ComponentKit, React Native or React-PDF have been actively using yoga.

Where can i learn more?

To learn more about yoga, visit their website. Yoga has a playground in the browser, instructions for beginners, and much more! To ask a community member a question, visit Yoga on Twitter or GitHub.

If you have any further questions about yoga, please let us know on our YouTube channel or tweet us at.

About the ELI5 series

In a series of short videos (around 1 minute long), one of our developer attorneys on the Facebook Open Source team explains a Facebook Open Source project in a way that is easy to understand and use.

For each of these videos we are writing an accompanying blog post (like the one you are reading now) that you can find on our YouTube channel.

To learn more about Facebook Open Source, visit our Open Source website, subscribe to our YouTube channel, or follow us on Twitter and Facebook.

Would you like to work with open source on Facebook? Check out our open source related job postings on our careers page by taking this quick survey.

Comments are closed.