Fill out "About Yoga", "Laying out a Yoga tree" , and "Styling" (#1591)

Summary:
Pull Request resolved: https://github.com/facebook/yoga/pull/1591

Adds initial documentation to these sections.

Reviewed By: joevilches

Differential Revision: D54708141

fbshipit-source-id: b2c1ac20573840833a3e5fde8c7b53f2770cecbd
This commit is contained in:
Nick Gerleman
2024-03-12 15:17:57 -07:00
committed by Facebook GitHub Bot
parent a0a09b4570
commit 066e366246
23 changed files with 345 additions and 27 deletions

View File

@@ -4,4 +4,10 @@ sidebar_position: 1
# About Yoga
Fill this section in with high-level information about Yoga and its goals. E.g. constraints in, boxes out, not a UI framework.
Yoga is an embeddable layout system used in popular UI frameworks like React Native. Yoga itself is not a UI framework, and does not do any drawing itself. Yoga's only responsibility is determining the size and position of boxes.
![layout wireframe](./img/wireframe-example.svg)
Yoga supports a familiar subset of CSS, mostly focused on Flexbox. This gives users a familiar model, and enables sharing code between native platforms and the browser.
Yoga is written in C++, with a public C API. This allows Yoga to be used by a wide variety of languages, via both offficial and unofficial bindings.