It’s just data

Web Components

Brian Leroux: ES6 and Web Components

Good overview.  Issues:

My take is that this talk lumps React in with others based on when it was introduced; but that it is fundamentally different from, say Angular.js as Angular.js is from jQuery.  Compared to the alternatives, react is more imperative, and is based on a virtual DOM.  It also can run in both the server and the client.

Brian suggests that you view source on http://brian.io/date-today/.  What you don’t see when you do that is today’s date.  I’d suggest that the ideal would be a page where you do see today’s date — even if JavaScript is disabled.  And for you to be able to interact with that page in ways that involve the server.

I have my own page on which I would suggest that you view source: calendar-demo (Update: that site is down, try this static snapshot).  Use the left and right arrow buttons to go to the previous and next months.  Viewing source reveals that the page is delivered pre-rendered, and only after the content is delivered are script libraries loaded.  Traversing to the next and previous months are pretty snappy despite the fact that there has been no optimization: in particular, there are no anticipatory prefetches.  Nor is data retained should you go back to a previous month.  Neither of these changes would be hard to implement.

Source is available in svn.  Check it out, do a bundle update to get the dependencies, run rake if you want to run a few tests, and run rackup to start a local server.

I must say that being able to define a component with all of the rendering, client, and server logic in one place is very appealing to me.

Brian suggests authoring source in ES6, and targeting ES5.  My preference would be to work towards building a language that is to ES6 as CoffeeScript is to ES5.  At the moment, my experimentation along those lines is happening in Ruby2JS.

React Native looks worth watching.  Perhaps as my calendar is using flexbox, I will be able to quickly build an Android or IOS equivalent.


I get a 403 Forbidden trying to access your calendar-demo.

Posted by Charles at

Bummer.  The system administration staff at the ASF took this down while debugging an unrelated problem.

Posted by Sam Ruby at

Oh awesome! Yes this talk is a big work-in-progress as the story unfolds. Key points where indeed key: Angular, Polymer and React all should be regarded as somewhat risky. YUI did have a good run but, in contrast, Dojo is still running. Facebook has stated to me that they want to see community stewardship for React, so that is positive.

HTML Imports: I jive with Mozilla on this one. Service Worker and ES6 Modules APIs are on the immediate horizon which means an HTML Imports could be be a library, even in its own Custom Element. mind blown

Why do I like Custom Elements? Well, it is a very tiny polyfill so it works everywhere that Angular Directives, React Components, Ember Components and other what-have-you things do, for less payload cost. The concept is good, and that code has the most likely path to standardization. That is what I like about 'em. YMMV.

I def don’t lump Custom Elements in with React. Now that said, a Virtual DOM is not a technology incapable of dissolving into the web platform. I kind of expect it (or something like it) will find its way into browsers. It wouldn’t be that much work to bolt a vdom on the Custom Element lifecycle, for someone else. ;)

And I have not even considered prerendering Custom Elements! Totally doable when a server is involved but not possible with a plain old static HTML page. Now that does seem like a bug. No easy answer there, but I am happy that the markup source does tell the correct story even if it takes javascript to do it. Tools like React and Ember create swaths of strange markup complete with generated ids and occasional inline styles.

Other languages: yes pls! Key suggestion there: distribute compiled ES5 source, ideally on npm, so I don’t have to learn your build pipeline or module system.

Last thought/spoiler alert: React Native is totally awesome. =)

Posted by Brian LeRoux at

I utilize a program to enter genealogical information. This program is a standalone that keeps running on my PC (this would be a non-web part). Part of the usefulness of this program is to permit me to make a guide utilizing Google maps (which would be a web data framework).

Posted by writing essays for money at

I personally like your post; you have shared good insights and experiences. Keep it up.

Posted by online Project Management writing service at

This was a great and interesting article to read. I have really enjoyed all of this very cool information

Posted by International Business Thesis help at

My friend recommended this blog and he was totally right keep up the good work

Posted by Programming Project Help at

drhgdjhfrjktykjtykmtykjk

Posted by C Homework Help at

your article is very informative. I hope it will be helpful for too many people that are searching for this topic.

Posted by GiliSoft File Lock Pro at

I really love your dedication in your post... I love your insights and I have applied some of your tips and it was really effective .

Posted by Snagit promo codes at

In today’s world with everyday increasing costs, it is very essential to have a proper Health Insurance Enrollment to cover medical bills.

Posted by Dental Insurance Enrollment at

It is truly a great and helpful piece of info

Posted by Acrylic nail training at

I like this site – its so usefull and helpfull.

Posted by tank trouble 4 at

You’ve written nice post, I am gonna bookmark this page, thanks for info. I actually appreciate your own position and I will be sure to come back here.

Posted by AshleyStewart Coupon Code at

Very interesting blog. Alot of blogs I see these days don’t really provide anything that I’m interested in, but I’m most definately interested in this one.

Posted by 2018 Integra at

Its amazing.Thanks of sharing..

Posted by JetBrains WebStorm latest version free download at

This is such a nice great website with lots of good information

Posted by convert audio to text at

I really appreciate your post.

Posted by Nitro PDF Pro at

I loved the way you discuss the topic great work thanks for the share.

Posted by Accounting Thesis Assistance at

I’m getting excited about this kind of beneficial information of your stuff in the future

Posted by Website Hosting Pakistan at

This is really a great stuff for sharing. Thanks for sharing.

Posted by Business Intelligence Assignment help at

1 pointed out that when I was younger, I actually do everything maintains 9 10 segments is not totally popular, and so I precisely ten times inside time and energy.

Posted by shoes in stock at

I really enjoyed, I would like more information about this, because it is very nice.Thanks for sharing.

Posted by Invoice Books Printing London at

Excellent blog here! Also your site loads up fast.Always a good job right here

Posted by http://softzilla.org/ at

We’re a spoiled rival if we become watery; suppose one equal fearless is quite this girl good friend.

Posted by shoes in stock at

This was an extremely wonderful article.Thanks for sharing.

Posted by bullion badge at

Usually the approved cost of Facial plastic surgeon thousand oaks but may vary on how much area to be covered and how severe the wrinkles are.

Posted by facial plastic surgeon thousand oaks at

it is very essential to have a proper Health Insurance Enrollment to cover medical bills.

Posted by Casquette Batman at

Ashampoo WinOptimizer is a powerful system optimization software.It automatically optimizes the performance of Windows XP.

Posted by Ashampoo WinOptimizer serial key at

Refinancing of loan is an easy way to stop foreclosure. If repayment amounts were increasing in great amounts then a repayment is definitely on cards.

Posted by stop foreclosure at

I’m getting excited about this kind of beneficial information of your stuff

Posted by Palladium Chaussures at

Good blog post. Very informative student site. Keep it up. Great work

Posted by Visit this Page at

Good blog post. Very informative student site. Keep it up. Great work S4S | Wifi Hacker tools  | Dwonload Cracks |

Posted by vtugqtxf at

One be sad in no way picture, a lot of had a tragic separation.

Posted by shoes in stock at

Excellent blog here! Also your site loads up fast.Always a good job right here

Posted by Halal Meat Miami at

Utilize the left and right bolt catches to go to the past and one months from now. Seeing source uncovers that the page is conveyed pre-rendered, and simply after the substance is conveyed are script libraries stacked.

Posted by Captain Hook Long Coat at

Thanks for giving me the useful information. I think I need it!

Posted by Skip hire northern suburbs at

An excellent and tranquil spot and good online http://crack4patch.com/

Posted by Rachael at

An interactive and excellent performance, I got the submission. Thank you. keep it up

Posted by office 365 crack at

Add your comment