Thanks Raphael <3
HN user
emilsjolander
Engineering manager @ Figma working on developer tools.
Co-founded Visly (YC W19)
I would love to see this as well! The APIs are live so give it a shot and tell us about any API feedback you have
Kinda! It will auto-detect icons in a design, highlight them at the top level, and allow you to import it into your VS Code workspace :)
The team is aware and looking into it, thanks for letting us know!
Emil from Figma here! We have made a ton of improvements to the generated CSS code, and while we still sometimes provide absolute positioning we now separate it from the styling & flexbox code that you might actually want to pull into your codebase.
We've also introduced an API extension point so third parties can now provide their own implementation of code snippers (code generation) in Figma's Dev Mode which Anima and a few other partners have already released plugins for :)
Hey all! Emil here from the Figma team that brought you Dev Mode and Figma for VS Code today! Really interested to hear what you think and also here to answer your questions. We are super excited to invest more into developers in the future, today is just the start of that!
OP here. Totally agree passing arbitrary styles down in props is not a great solution and makes to incredibly hard to reason about components. We defined explicitly using typescript the styles which can be set from the parent which makes it much easier to reason about and we can even use the "find all references" feature of VSCode to identify usages.
Correct :) But it generally is and I didn't wan't to go all too deep
Hey! I'm actually in the process of writing up a high level overview of Flexbox and how it works. Won't cover all aspects but would make it easier to understand hopefully. Can't promise when I'll post it but hopefully soon at medium.com/visly.
Somethings become very complicated in constraint based systems and they are often much slower in my experience than more special purpose layout systems. That said i'm not against constraint systems either, they just both have their place.
I would love to help talk through how to start and the process i used for the flexbox implementation :) start a PR / Issue and we can discuss :)
Just to be clear, we are not working on it. However it is something I would like to start looking into sometime soon :) This is a huge area for contributions as I myself am not a grid expert (as apposed to having worked on flexbox engines past 3 years).
Super exciting. Interested to see how we can help.
Stretch doesn't really enable any new kind of layouts that yoga doesn't but it fixes some fundamental problems in Yoga where Yoga was not compatible with the web implementations.
Long term goal of Stretch is to support multiple layout systems including Grid layout I just started with Flexbox because I know that so well :) Look forward to tackling grid layout soonish (contributions / help very welcome).
Hey there! Author of both Yoga and Stretch. I built stretch after leaving facebook because of some fundamental flaws in Yoga which made it not 100% compatible with web browsers. Also I wanted something written in a modern language that was easier to debug, maintain, and innovate on.
Actually it uses webdriver to generate the tests so while we only commit the chrome tests (for simplicity) it is easy enough to run the other browsers locally as long as they support webdriver (which most/all do).
haha yes. Edited
Author here. Super excited to see what you are building! We are more than happy to feature it on the Stretch landing page :) Shoot me an email and let's chat!
I'm the author of both Yoga and Stretch :) After leaving Facebook I created Stretch to fix some core issues which would be hard to address in Yoga, mainly some web compatibility issues. Would love to know more about what you are building and let me know if I can help in any way with the migration! Adding any missing APIs etc should be very easy.
my email is in profile if you want to chat :)
Author of stretch here! I would love to add tests for other browsers as well, and it should be pretty easy as we are just relying on webdriver. Targeting chrome was done as a first step as I had previously set up webdriver tests with it so that was just easiest :) The goal is for general web compatibility and not just chrome-compatibility though.
If you are using purely the C library it is very small and has no dependencies. I can't remember the exact size as it was a while ago I looked but check it out.
I just happen to be more familiar with obj-c :) I agree that a swift API would probably look very cool. Would be fun to see this come from the community.
correct :)
I haven't worked much with the c# bindings myself. It should be able to integrate into most widget toolkits fairly seamlessly I would think.
I'm not very familiar with Xamarin but I think it should work. If it doesn't please file an issue on the repo.
Yoga itself does not handle animation but by using another animation system on top of Yoga it should be very possible. I have not yet tried it myself but by wrapping a layout change in a UIView animation block the above should be doable (on iOS but similar should hold on other platforms).
There are a couple of things which we set out to solve with Yoga. These are two things.
- One layout concept across different platforms. This allows developers to more easily collaborate and jump between platforms and re-use knowledge.
- Decouple layout from rendering. A lot of UI frameworks couple layout tightly with rendering which often ties the layout to be run on the main thread. By decoupling layout we are able to run it asynchronously. https://code.facebook.com/posts/531104390396423/components-f... Talks about how we make use of this.
I agree the C# code is super nice :) There is interest from the community to contribute an emscripten version. If a PR comes my way I will be happy to merge it.
Hi, i'm the creator of rita and am happy to answer any questions!
I would love it if it worked like on android. What i mean is that when i press a chat head i want the message ui to appear on top on the web page and not in a new window. Also i would like it if the chat heads did not dissapear after responding to a message so that i could keep all my active conversations in chat heads