Flipboard releases React Canvas • Hacker News Board

Re: Flipboard releases React Canvas

#11

Post by jasonsmiff » Tue, Feb 10, 2015, 7:38 PM UTC

jchrisa wrote: post #5

Is there a live demo I can run?

From their blogpost[1] "Head on over to flipboard.com on your phone to see what we’ve built, or if you don’t have a Flipboard account, check out a couple[2] of magazines[3] to get a taste of Flipboard on the web."

I was rather impressed with flipboard.com on my mobile. Although it seemed to hit a jank on a few scrolls and I wonder if there are UX implications for not being able to highlight and copy some of the text.

Regardless very cool!

[1]http://engineering.flipboard.com/2015/02/mobile-web/ [2]https://flipboard.com/@flipboard/flipboard-picks-8a1uu7ngz [3]https://flipboard.com/@flipboard/ten-for-today-k6ln1khuz

Re: Flipboard releases React Canvas

#12

Post by megaman821 » Tue, Feb 10, 2015, 7:38 PM UTC

This looks really neat. How does this compare to Famo.us, which also claims at have smooth animations at 60 fps?

Re: Flipboard releases React Canvas

#13

Post by picardo » Tue, Feb 10, 2015, 7:39 PM UTC

This is so beautiful! I can see this being used for building canvas based web applications as well!

Re: Flipboard releases React Canvas

#14

Post by stoikerty » Tue, Feb 10, 2015, 7:40 PM UTC

JoshMilo wrote: post #6

dkarapetyan wrote: post #3

New job description for front-end web developers: 5+ years of designing game engines and optimizing rendering pipelines. If the joke is lost please go read about the similarities between react and immediate mode rendering systems.

Honest question, would studying immediate mode rendering systems improve my understanding of React's system of doing things? If so, do you have a resource I could use?

There is a video that describes "Immediate-Mode Graphical User Interfaces" really well, see: https://twitter.com/stoikerty/status/467047333453381632

There is also a lengthy and insightful blog-post about the subject where I found the video: http://jlongster.com/Removing-User-Interface-Complexity,-or-...

Re: Flipboard releases React Canvas

#15

Post by vidarh » Tue, Feb 10, 2015, 7:44 PM UTC

A stronger indictment of the DOM than finding it necessary to combine a CSS parser written in Javascript, a virtual DOM and a canvas based renderer because it is faster than updating the DOM would be difficult to come up with...

It looks like amazing work, but it's quite depressing that it's necessary.

Re: Flipboard releases React Canvas

#16

Post by angersock » Tue, Feb 10, 2015, 7:48 PM UTC

dkarapetyan wrote: post #3

New job description for front-end web developers: 5+ years of designing game engines and optimizing rendering pipelines. If the joke is lost please go read about the similarities between react and immediate mode rendering systems.

It is kind of interesting watching yet another round of retained-vs-immediate mode play out.

Re: Flipboard releases React Canvas

#17

Post by vladev » Tue, Feb 10, 2015, 7:54 PM UTC

danabramov wrote: post #4

Oh my, it is beautiful on the inside. Check out the source. They're totally showing off the power of React component model even when it doesn't render directly to DOM tree: https://github.com/Flipboard/react-canvas/blob/master/lib/Su... It's about describing nested side effects in time, really.

I actually wonder if it can be done even more elegant with RxJS?

Re: Flipboard releases React Canvas

#18

Post by efields » Tue, Feb 10, 2015, 7:54 PM UTC

I'm guessing http://flipboard.com/explore should be a good demo (in mobile safari, upper-right link off the home page), but it's just infinitely loading for me.

Posting b/c someone from Flipboard is probably monitoring this thread ;-)

Re: Flipboard releases React Canvas

#19

Post by fortes » Tue, Feb 10, 2015, 8:02 PM UTC

buymorechuck wrote: post #10

jchrisa wrote: post #5

Is there a live demo I can run?

Just go to https://flipboard.com on your mobile phone!

Congrats on the release Charles!

Re: Flipboard releases React Canvas

#20

Post by abm91 » Tue, Feb 10, 2015, 8:03 PM UTC

efields wrote: post #18

I'm guessing http://flipboard.com/explore should be a good demo (in mobile safari, upper-right link off the home page), but it's just infinitely loading for me. Posting b/c someone from Flipboard is probably monitoring this thread ;-)

Fix pushed ;-)