Yoga: A cross-platform layout engine

#1

Post by emilsjolander » Wed, Dec 07, 2016, 6:01 PM UTC

Yoga: A cross-platform layout engine
code.facebook.com

Re: Yoga: A cross-platform layout engine

#2

Post by phn » Wed, Dec 07, 2016, 6:31 PM UTC

I'm especially happy to see the C in CSS go away.

Flexbox and the explicit inheritance used in react native makes styling so much nicer.

Re: Yoga: A cross-platform layout engine

#3

Post by RubenSandwich » Wed, Dec 07, 2016, 6:34 PM UTC

Yoga's layout API is very similar, if not a direct copy, of the web's Flexbox. Which funny enough means that we might get a chance to use Flexbox on the desktop before we can use it on the web. (I'm looking at you IE and your continuing partial support: http://caniuse.com/flexbox)

Re: Yoga: A cross-platform layout engine

#4

Post by alexkavon » Wed, Dec 07, 2016, 6:37 PM UTC

RubenSandwich wrote: post #3

Yoga's layout API is very similar, if not a direct copy, of the web's Flexbox. Which funny enough means that we might get a chance to use Flexbox on the desktop before we can use it on the web. (I'm looking at you IE and your continuing partial support: http://caniuse.com/flexbox )

I wouldn't hold my breath waiting for IE to fully support it.

Re: Yoga: A cross-platform layout engine

#5

Post by [deleted] » Wed, Dec 07, 2016, 6:39 PM UTC

[deleted]

Re: Yoga: A cross-platform layout engine

#6

Post by crudbug » Wed, Dec 07, 2016, 6:42 PM UTC

Great work guys.

I think now we can start on CSS => Compiled Style Sheets. :)

Re: Yoga: A cross-platform layout engine

#7

Post by spicyj » Wed, Dec 07, 2016, 6:43 PM UTC

RubenSandwich wrote: post #3

Yoga's layout API is very similar, if not a direct copy, of the web's Flexbox. Which funny enough means that we might get a chance to use Flexbox on the desktop before we can use it on the web. (I'm looking at you IE and your continuing partial support: http://caniuse.com/flexbox )

Yes, it's directly based on CSS Flexbox. See more info about the similarities and differences here – in particular a few default values are different:

https://facebook.github.io/yoga/docs/learn-more/

Re: Yoga: A cross-platform layout engine

#8

Post by kowdermeister » Wed, Dec 07, 2016, 6:43 PM UTC

RubenSandwich wrote: post #3

Yoga's layout API is very similar, if not a direct copy, of the web's Flexbox. Which funny enough means that we might get a chance to use Flexbox on the desktop before we can use it on the web. (I'm looking at you IE and your continuing partial support: http://caniuse.com/flexbox )

I already use it in production. I don't really care about old IE users. I agree that not all devs can afford this, but many can.

Re: Yoga: A cross-platform layout engine

#9

Post by nightski » Wed, Dec 07, 2016, 6:44 PM UTC

alexkavon wrote: post #4

RubenSandwich wrote: post #3

Yoga's layout API is very similar, if not a direct copy, of the web's Flexbox. Which funny enough means that we might get a chance to use Flexbox on the desktop before we can use it on the web. (I'm looking at you IE and your continuing partial support: http://caniuse.com/flexbox )

I wouldn't hold my breath waiting for IE to fully support it.

Uh, Edge already fully supports it. I don't think they are adding new features to IE anymore.

Re: Yoga: A cross-platform layout engine

#10

Post by smaili » Wed, Dec 07, 2016, 6:44 PM UTC

Page - https://facebook.github.io/yoga/

GitHub - https://github.com/facebook/yoga