[dart-misc] Yoga: A WIP frontend framework for Dart

[Morgan Thomas]

Hi all,

This is the first public announcement of Yoga, a work-in-progress open
source frontend framework in Dart. A key goal of Yoga is to run across both
Web and non-Web platforms. In the case of Web, it uses HTML canvas as a
rendering target, sidestepping HTML and CSS in favor of its own layout
engine.

A goal of Yoga is to provide a better way to make Web pages without working
within the limitations of legacy Web technologies (viz. HTML and CSS). With
more output drivers it should work equally well for mobile, desktop, PDF
generation, image generation, etc.

Yoga uses a novel layout algorithm, inspired by TeX, which describes the
problem of laying out a document as a single unconstrained numerical
optimization problem. This algorithm appears in theory to be capable of
expressing very sophisticated layout requirements, and to have good
performance characteristics, in particular for animation.

Working code has validated the basic viability of the approach, but much
remains to be done in terms of design and implementation. I am announcing
in hopes of attracting feedback and contributors. Though the project is in
a very immature state, I have put effort into smoothing the way for anybody
who would like to be involved at any level.

For more information, see:
https://github.com/yoga-framework/yoga

Thank you for your time,
Morgan

[Matan Lurey]

Hi Morgan

This is neat! I work on Angular Dart and colleagues work on Flutter
<https://flutter.io/> and there definitely is some interesting use cases
here.

Any chance of getting an example published on say, gh-pages? It might make
it easier for others to give feedback

~ Matan

Post by Morgan Thomas
Hi all,
This is the first public announcement of Yoga, a work-in-progress open
source frontend framework in Dart. A key goal of Yoga is to run across both
Web and non-Web platforms. In the case of Web, it uses HTML canvas as a
rendering target, sidestepping HTML and CSS in favor of its own layout
engine.
A goal of Yoga is to provide a better way to make Web pages without
working within the limitations of legacy Web technologies (viz. HTML and
CSS). With more output drivers it should work equally well for mobile,
desktop, PDF generation, image generation, etc.
Yoga uses a novel layout algorithm, inspired by TeX, which describes the
problem of laying out a document as a single unconstrained numerical
optimization problem. This algorithm appears in theory to be capable of
expressing very sophisticated layout requirements, and to have good
performance characteristics, in particular for animation.
Working code has validated the basic viability of the approach, but much
remains to be done in terms of design and implementation. I am announcing
in hopes of attracting feedback and contributors. Though the project is in
a very immature state, I have put effort into smoothing the way for anybody
who would like to be involved at any level.
https://github.com/yoga-framework/yoga
Thank you for your time,
Morgan

[Morgan Thomas]

Hi Matan,

Thank you for the interest, and sorry for the delayed response! You
can view some test cases at http://138.68.24.135/, and I updated the
readme with a small code sample. Yoga is not ready to make complete
pages (e.g. it lacks text support), so there are no complex examples,
but I can certainly let you know when there is a complete page example
if that's the kind of thing you're interested in seeing.

Many thanks,
Morgan

Post by Matan Lurey
Hi Morgan
This is neat! I work on Angular Dart and colleagues work on Flutter and
there definitely is some interesting use cases here.
Any chance of getting an example published on say, gh-pages? It might make
it easier for others to give feedback
~ Matan

Post by Morgan Thomas
Hi all,
This is the first public announcement of Yoga, a work-in-progress open
source frontend framework in Dart. A key goal of Yoga is to run across both
Web and non-Web platforms. In the case of Web, it uses HTML canvas as a
rendering target, sidestepping HTML and CSS in favor of its own layout
engine.
A goal of Yoga is to provide a better way to make Web pages without
working within the limitations of legacy Web technologies (viz. HTML and
CSS). With more output drivers it should work equally well for mobile,
desktop, PDF generation, image generation, etc.
Yoga uses a novel layout algorithm, inspired by TeX, which describes the
problem of laying out a document as a single unconstrained numerical
optimization problem. This algorithm appears in theory to be capable of
expressing very sophisticated layout requirements, and to have good
performance characteristics, in particular for animation.
Working code has validated the basic viability of the approach, but much
remains to be done in terms of design and implementation. I am announcing in
hopes of attracting feedback and contributors. Though the project is in a
very immature state, I have put effort into smoothing the way for anybody
who would like to be involved at any level.
https://github.com/yoga-framework/yoga
Thank you for your time,
Morgan

--
For other discussions, see https://groups.google.com/a/dartlang.org/
For HOWTO questions, visit http://stackoverflow.com/tags/dart
To file a bug report or feature request, go to http://www.dartbug.com/new
---
You received this message because you are subscribed to the Google Groups
"Dart Misc" group.
To unsubscribe from this group and stop receiving emails from it, send an