Adding to earlier point here is a full video of Swift

Question

Adding to < yoz> earlier point here is a full video of SwiftUI it looks quite impressive

Sébastien · Answer

It s good to hear that that UI programming is hard and has similarities with concurrent distributed programming ~27min in the talk

Daniel Hines · Answer

I like the bidirectional visual editor lt gt code editing How is this fundamentally different than React though I get React has its issues as a scheduler but wherever I don t need extreme performance it works really well for declarative views

yoz · Answer

< Daniel Hines> See my original thread What editing tools exist that let you select a rendered React component and jump straight to the instantiation code

Daniel Hines · Answer

Thanks < yoz> This shouldn t be impossible in React right Decorate components with metadata and such

yoz · Answer

Right yet which tools actually do that Who s prioritised this usage

yoz · Answer

Also note that in React anonymous components are trivial and often end up being preferred by some which can end up making the work harder But only if you actually need a name for the component as opposed to just jumping to the code

Daniel Hines · Answer

I think this bidirectional programming stuff has a lot of potential

Daniel Hines · Answer

But yeah it does seem like just a huge oversight that we don t have this everywhere As soon as you see it it s obvious

Sébastien · Answer

It s very close to the notion projective editing where all the views visual and textual are all bidirectionnaly linked to the canonical program model

fyr · Answer

gt What editing tools exist that let you select a rendered React component and jump straight to the instantiation code The closest I can think is Inspect ing an element from React DevTools to select it in the DOM tree and then picking Show Component Source out of its right click but that s not like the instantiation for that particular usage

robenkleene · Answer

I think Framer Playground supports some of bi directional functionality I ve seen older Framer demos where editing the preview e g changing the color and position in objects automatically updates the source code <https www framer com blog posts introducing framer playground >

Daniel Hines · Answer

Granted the editor is slick but why is everyone clapping for all the SwiftUI eliminates complexity by letting you declare views Isn t this just standard React Especially if you re using a single state atom a la Redux Om Next Re frame

Daniel Hines · Answer

I think we should have the bidirectional editing stuff and think this is a great step but as for the rest it seems we ve doing this with Clojure+React+Figwheel for a long time

robenkleene · Answer

Outside of the bidirectional editing I m not aware of anything that s really new in SwiftUI It s just another major platform going in the direction of declarative views programming

robenkleene · Answer

I e following in Reacts footsteps

Daniel Hines · Answer

Ok I just wanted to make sure I wasn t missing something big

Daniel Hines · Answer

Don t want to deemphasize how cool this is rather emphasize that it s the BX that makes it cool not the view composition stuff

robenkleene · Answer

And even with the bidirectional editing I think Framer could do it first with React

yoz · Answer

< robenkleene> Framer looks very cool but I d say that it s cheating in good amp bad ways AFAICT components and their source files have to be explicitly declared in a Framer project From what I can see Framer can t take an existing React app and just import all its components without help It s possible that Framer Bridge does a lot of this but I m having trouble finding useful docs on this topic

yoz · Answer

So Framer already has its own metadata about what component is being instantiated where So it s cheating in that it doesn t need to jump through the hoops that a more general tool e g browser dev tools would but I think that s also a powerful argument for using Framer X as long as you can easily migrate your project to it

robenkleene · Answer

Got it yeah that s definitely a pretty big limitation I suspect with the SwiftUI bidirectional editing in practice it will also be really hard to get working unless you plan for it from the beginning But I also don t think it involves explicitly declaring anything so it s definitely an improvement

Daniel Garcia · Answer

yeah < Daniel Hines> it has a lot of stuff similar to react What I thought it was impressive is the projectional editing capabilities including dropping functions in the view to update the code also the testing part it s one of my favorite things