The only thing I wished would change is the audience. There's almost no laughing or responses. Or maybe I can't hear it. In general though, I wish Tech audiences would be more encouraging to speakers.
1 single asset for a game can be 1 gig during development of the asset, like a 3d model. But after the game is compiled, the asset is barely noticeable on the disk. So try building the pwa-starter-kit in that initial state ready for deployment. Tell me how big that production build is. Don't really care how big the software is before optimizations and building.
Was watching this for content, very engaging speaker, enjoying the presentation, communication skills. Working from home. Then, I noticed my 12 yr old daughter watching over my shoulder, entranced. She's a huge Zelda fan, BTW.
Some many things to install . I am not sure why they killed off angular 1? It so much easier to use and learn. Make it easy for people to learn how to use.
@TheGameMakeGuy not according to the dictionary - "The application of typical elements of game playing (e.g. point scoring, competition with others, rules of play) to other areas of activity, typically as an online marketing technique to encourage engagement with a product or service. " It's also spelt 'gamification'. :)
Always love the Monica's presentations, they're always fun, like this one with the video game and the sounds like Mario Bros. she made for it, but more important, they're also so much informative, really cool presentation!
I don’t know may be I’m new to PWA may be but majority of it bounced over! Can anyone refer me to any prerequisite content if possible? I’m new to polymer as well!
Wouldn't it be great if prpl-server were included in Firebase static hosting? I'd just upload a builds.json, a push-manifest.json and a cache-control.json and everything would be properly handled.
I imagine it is a cost thing at the moment - but I agree that is the next area which needs to be tackled as "static" hosting isn't really enough and I am sure it is being considered. Following all performance best practices (optimising critical path, progressive transpilation, effective caching strategies) and getting SSR, HTTP/2 push, offline caching with service workers, all singing in harmony is a lovely vision but at present seems to involve masses of complexity and coordination between build, deployment and hosting processes. Cloudflare Workers are the closest thing of which I am aware to this vision - in so much as they allow for custom logic to run for each and every request to a traditionally "static" CDN: blog.cloudflare.com/cloudflare-workers-unleashed.
Nope Polymer has been around before reactjs only back then it was too slow to be adapted (I used polymer before but abandoned using it because of too much files being added to my project hierarchy, similar to what node_modules but much worst). Then It was copied by facebook and called it reactJs and successfully made it faster and lite. Now Polymer is going back to where it started via PWA
It sounds like one of those things where someone tells you to squeeze a funny word into your presentation without anyone noticing. Someone must have told her to say it because of her trousers.
Well, have fun making intricate, dynamic web pages and components without HTML inside JS. React went this way, and now Polymer followed its lead, because it's an extremely effective way to render dynamic content.
Benefits over JSX Native syntax No tooling required. Understood by all JS editors and tools. No VDOM overhead lit-html only re-renders the dynamic parts of a template, so it doesn't produce a VDOM tree of the entire template contents, it just produces new values for each expression. By completely skipping static template parts, it saves work. Scoped JSX requires that the compiler be configured with the function to compile tags to. You can't mix two different JSX configurations in the same file. The html template tag is just a variable, probably an imported function. You can have any number of similar functions in the same JS scope, or set html to different implementations. Templates are values JSX translates to function calls, and can't be manipulated on a per-template basis at runtime. lit-html produces a template object at runtime, which can be further processed by libraries like ShadyCSS. CSS-compatible syntax Because template literals use ${} as the expression delimiter, CSS's use of {} isn't interpreted as an expression. You can include style tags in your templates as you would expect: html` :host { background: burlywood; } `github.com/Polymer/lit-html
vid links (coz the slides didn't get published yet ...) github.com/polymer/pwa-starter-kit github.com/polymer/pwa-starter-kit/wiki github.com/polymer/lit-element github.com/polymer/pwa-helpers git clone pwa-starter-kit my-new-app npm install npm start npm test npm run build npm run serve npm run test:unit npm run test:integration npm run build:prpl-server npm run serve:prpl-server pwa-starter-kit.appspot.com
Still waiting for a web solution that allow web applications to be reliable and simple to develop out the box, as desktop/mobile or even server side does. The old Polymer make this promise and fail, miserably. I think that we should abandon web applications for good (utopia, I know) as the issue of updatable local apps was solved on mobile.
Google needs to buy Nintendo just so Monica can make references without worrying about copyright.
No. They will ruin it
I just met Monica and I'm already "My God, she understands what I need!" Congratulations on the way you engage the audience, you are awesome
.
So this talk is 90% about how a react-redux app works and 10% about the implementation of PWAs but with a cool presentation.
The only thing I wished would change is the audience. There's almost no laughing or responses. Or maybe I can't hear it. In general though, I wish Tech audiences would be more encouraging to speakers.
Her presentations are always great
pwa-starter-kit -> 658MB on disk (after npm install), 550+ npm packages. Why does all starter kits need to be so massive?
1 single asset for a game can be 1 gig during development of the asset, like a 3d model. But after the game is compiled, the asset is barely noticeable on the disk. So try building the pwa-starter-kit in that initial state ready for deployment. Tell me how big that production build is. Don't really care how big the software is before optimizations and building.
Anyone notice that she's actually wearing the...BANANA PANTS?
I thought the same the moment she says BANANA PANTS 😆
@@iamrohandatta The expression banana pants is a new one on me.
This women is great and presentation was perfect. Not like many other. This is one of the best PWA video.
Yea i like here presentations its not boring very engaging
Such a great talk! Fun and informative all the way through.
What a fun and great presentation! Monica is the best!!!
Was watching this for content, very engaging speaker, enjoying the presentation, communication skills. Working from home. Then, I noticed my 12 yr old daughter watching over my shoulder, entranced. She's a huge Zelda fan, BTW.
Good presentation, but I wish they would have placed that microphone better so she wouldn't be blowing into it all the time.
agreed lol.
Thanks Monica and the Polymer team! I can't wait to get crackin on the new starter kit
Love the analogy to video games...And now I remember how awesome the Zelda games are.
PERFECT presentation WITH funky STYLE. braVVVooo!
"That's banana pants" - I'm stealing this. Thank you!
hahaha
I can't believe this is already 2 years ago
Thank you Monica for another great presentation. Can't wait to try pwa-starter-kit for my side-projects.
Amazing presentation!!
Developping has never been so fun. :-)
What's odd is that there is an earlier pitch from the Polymer team that has been taken down.... If this was 0.8 or 0.9, I wonder what 0.7 looked like?
I'd wish I had public speaking skills like this!
A game. Great. Lead down another garden path of programming ambiguity.
always love monica's presentation!
She is an incredible speaker. Super engaging speaker.
Polymer/pwa-starter-kit Github repo:
github.com/Polymer/pwa-starter-kit
No longer updated, its dead now
Some many things to install . I am not sure why they killed off angular 1? It so much easier to use and learn. Make it easy for people to learn how to use.
Great idea to gamify PWA presentation :)
@TheGameMakeGuy not according to the dictionary - "The application of typical elements of game playing (e.g. point scoring, competition with others, rules of play) to other areas of activity, typically as an online marketing technique to encourage engagement with a product or service.
"
It's also spelt 'gamification'.
:)
Excellent Presentation
I love that presentation
Awesome 🔥! I think this is a great on-boarding resource for new Web Developers. Friendly and to the point, thank you Monica!
Always love the Monica's presentations, they're always fun, like this one with the video game and the sounds like Mario Bros. she made for it, but more important, they're also so much informative, really cool presentation!
Did she NOT mentioned about service workers at all????
she did, multiple times...
3:1, awesome analogy. ABC
"The web is pretty great". Yea, we deserve that. How many horrific years we lived.
Thank you, it's very useful
I don’t know may be I’m new to PWA may be but majority of it bounced over! Can anyone refer me to any prerequisite content if possible? I’m new to polymer as well!
Damn, that's neat advice and fun to watch.
Is there any Update in Google I/O '19?
looks like reinventing the react wheel
ten minutes in and im like, wait a minute ...
Haha IE 11? I thought the IE has been replaced by Edge. IE sounds classic nowadays.😁
Wouldn't it be great if prpl-server were included in Firebase static hosting? I'd just upload a builds.json, a push-manifest.json and a cache-control.json and everything would be properly handled.
I imagine it is a cost thing at the moment - but I agree that is the next area which needs to be tackled as "static" hosting isn't really enough and I am sure it is being considered.
Following all performance best practices (optimising critical path, progressive transpilation, effective caching strategies) and getting SSR, HTTP/2 push, offline caching with service workers, all singing in harmony is a lovely vision but at present seems to involve masses of complexity and coordination between build, deployment and hosting processes.
Cloudflare Workers are the closest thing of which I am aware to this vision - in so much as they allow for custom logic to run for each and every request to a traditionally "static" CDN: blog.cloudflare.com/cloudflare-workers-unleashed.
haven't seen support for safari yet. could you expand on this? thanks
Web components are not available at webcomponents.org for Polymer 3.
From where do we use components to design pages.?
Oh god. The Polymer team made a copy of React.
Marko Hrovatič I was thinking the same .... this is just React js
That's what I also thought!
Except not really, no.
Nope Polymer has been around before reactjs only back then it was too slow to be adapted (I used polymer before but abandoned using it because of too much files being added to my project hierarchy, similar to what node_modules but much worst). Then It was copied by facebook and called it reactJs and successfully made it faster and lite. Now Polymer is going back to where it started via PWA
Nutella on Pancakes :) sweet video & very inspirational for the Polymer Project.
Cool! Du du du du du, boop boop boop!
How to use typescript with this awesome starter kit.
Is that React ?
Great presentation 👍
Can we tdd?
If only there were 'the one good datepicker'
Nice to see you again, Monica.
just checked site out,,what is redux? go to redux page.... read it..repeat question.. what is redux?
wait a couple of days, visit redux page ...read .... what is redux?
WoOoOoOoOoOoW G R E A T P R E S E N T A T I O N !
Please add links to github repos. Thanks
would be nicer in vanilla
1:58 lol yeah that's me~
This is one of those moments when I'm proud to be romanian :))
who says banana pants??
only the best :P
It sounds like one of those things where someone tells you to squeeze a funny word into your presentation without anyone noticing. Someone must have told her to say it because of her trousers.
someone who wears Banana pants
Someone *wearing* banana pants!
Banana PWAnts
What ever happened to polymer?
Are you targeting "adults" with this presentation? I made it to about 8 minutes - is that good?
Очень круто!)
Lol Banana Pants.. You're wearing banana pants.
"mouth sound, it will get you anywhere" hmmmmm.
ABC: Always Be Closing.
Monica rocks
I got turned off when i saw html code inside the js. I really don't like it.
Well, have fun making intricate, dynamic web pages and components without HTML inside JS. React went this way, and now Polymer followed its lead, because it's an extremely effective way to render dynamic content.
I do like them but why is google trying to push PWAs so hard
She talks ALOT! I like her already.
lol start in seconds? npm i takes like 3-20 min on my machine....
Hi why we need Lit html. There is React jsx works same as Lit Html.
Benefits over JSX
Native syntax
No tooling required. Understood by all JS editors and tools.
No VDOM overhead
lit-html only re-renders the dynamic parts of a template, so it doesn't produce a VDOM tree of the entire template contents, it just produces new values for each expression. By completely skipping static template parts, it saves work.
Scoped
JSX requires that the compiler be configured with the function to compile tags to. You can't mix two different JSX configurations in the same file.
The html template tag is just a variable, probably an imported function. You can have any number of similar functions in the same JS scope, or set html to different implementations.
Templates are values
JSX translates to function calls, and can't be manipulated on a per-template basis at runtime. lit-html produces a template object at runtime, which can be further processed by libraries like ShadyCSS.
CSS-compatible syntax
Because template literals use ${} as the expression delimiter, CSS's use of {} isn't interpreted as an expression. You can include style tags in your templates as you would expect:
html`
:host {
background: burlywood;
}
`github.com/Polymer/lit-html
I like chrome
What about iOS support?
very google like----I mean office google--corporate google
another React lol
vid links (coz the slides didn't get published yet ...)
github.com/polymer/pwa-starter-kit
github.com/polymer/pwa-starter-kit/wiki
github.com/polymer/lit-element
github.com/polymer/pwa-helpers
git clone pwa-starter-kit my-new-app
npm install
npm start
npm test
npm run build
npm run serve
npm run test:unit
npm run test:integration
npm run build:prpl-server
npm run serve:prpl-server
pwa-starter-kit.appspot.com
So by the chart, 0 effort would have a good result as well 🤔 nice
Still waiting for a web solution that allow web applications to be reliable and simple to develop out the box, as desktop/mobile or even server side does.
The old Polymer make this promise and fail, miserably.
I think that we should abandon web applications for good (utopia, I know) as the issue of updatable local apps was solved on mobile.
hahahhaha - that was funny
Сточе. Оти. Ме. Офрливте дансо врбоски
IDK, i think she was talking too fast.