HomeArticlesPWA starter kit: build fast, scalable, modern apps with Web Components (Google I/O ’18) PWA starter kit: build fast, scalable, modern apps with Web Components (Google I/O ’18) By Juan Cameron November 12, 2019 Articles, Blog 78 Comments Tags:AMP PWA, android developer news, developer event, developer news, developer update, firebase PWA, google, Google conference, Google I/O, Google I/O 2018, Google IO, google livestream, google platforms, google products, i-o, IO, io 18, IO Google, io18, platform APIs, Polymer, Polymer 3.0, PWA, PWA starter kit, PWAs, redux, web apps, Web components, web development news, web PWAs Related Posts eCommerce Marketing Strategies – 12 Killer Tips 3 Things Your Website Design Is Missing | Web Design in Boynton Beach Basic HTML for Web Design : HTML Alphabetical & Roman Numeral Lists About Author admin 78 Comments Vinicius Tavares May 10, 2018 What a fun and great presentation! Monica is the best!!! Reply Ashok Reddy May 10, 2018 Great presentation 👍 Reply wendell dejelo May 10, 2018 always love monica's presentation! Reply Paco Hernández Gómez May 10, 2018 Awesome presentation! Reply Dan Mindru May 10, 2018 Awesome 🔥! I think this is a great on-boarding resource for new Web Developers. Friendly and to the point, thank you Monica! Reply abu hena mostafa kamal May 10, 2018 Nice to see you again, Monica. Reply Edmund Ciego May 10, 2018 who says banana pants?? Reply Lucas Ciruzzi May 10, 2018 Does Monica have a fan club already? I want to be part of it 😛 … now, seriously: Always love your presentations, always will <3 Reply Kiko Beats May 10, 2018 Monica rocks Reply Mike Wiering May 10, 2018 Good presentation, but I wish they would have placed that microphone better so she wouldn't be blowing into it all the time. Reply Juan Carlos Madrigal May 10, 2018 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! Reply Олег Горбатюк May 10, 2018 Очень круто!) Reply Debkanchan Samadder May 10, 2018 Her presentations are always great Reply Pierre Senechal May 10, 2018 Banana pants 😂 Reply Chetan Padia May 10, 2018 Such a great talk! Fun and informative all the way through. Reply Khaled Mohamed May 10, 2018 git clone https://github.com/Polymer/pwa-starter-kit my-app Reply CodingPhase May 11, 2018 Yea i like here presentations its not boring very engaging Reply Gregorius Widjanarko May 11, 2018 1:58 lol yeah that's me~ Reply Joe Wong May 11, 2018 Love the analogy to video games…And now I remember how awesome the Zelda games are. Reply Mathias Andersson May 11, 2018 pwa-starter-kit -> 658MB on disk (after npm install), 550+ npm packages. Why does all starter kits need to be so massive? Reply Vince Pale Jr May 11, 2018 Lol Banana Pants.. You're wearing banana pants. Reply Pavel Isp May 11, 2018 Anyone notice that she's actually wearing the…BANANA PANTS? Reply Hayden Braxton May 11, 2018 "That's banana pants" – I'm stealing this. Thank you! Reply Herat Patel May 12, 2018 Hi why we need Lit html. There is React jsx works same as Lit Html. Reply Nicolas Sauveur May 12, 2018 Thank you Monica for another great presentation. Can't wait to try pwa-starter-kit for my side-projects. Reply Abdul Rauf May 13, 2018 Great idea to gamify PWA presentation 🙂 Reply Noi Jadis Cailleach May 13, 2018 I got turned off when i saw html code inside the js. I really don't like it. Reply Marko Hrovatič May 13, 2018 Oh god. The Polymer team made a copy of React. Reply R W May 14, 2018 just checked site out,,what is redux? go to redux page…. read it..repeat question.. what is redux? Reply Reid Mewborne May 14, 2018 haven't seen support for safari yet. could you expand on this? thanks Reply elektriskahigo May 15, 2018 What about iOS support? Reply Joeffison Andrade May 15, 2018 So by the chart, 0 effort would have a good result as well 🤔 nice Reply Oz BobWa May 17, 2018 vid links (coz the slides didn't get published yet …)http://github.com/polymer/pwa-starter-kithttp://github.com/polymer/pwa-starter-kit/wikihttp://github.com/polymer/lit-elementhttp://github.com/polymer/pwa-helpersgit clone pwa-starter-kit my-new-appnpm installnpm startnpm testnpm run buildnpm run servenpm run test:unitnpm run test:integration npm run build:prpl-servernpm run serve:prpl-server http://pwa-starter-kit.appspot.com Reply Jaime Rios May 17, 2018 Damn, that's neat advice and fun to watch. Reply John Page May 18, 2018 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. Reply YoshiPeach Mario May 18, 2018 Monica is the bestest Reply Charlike Mike Reagent May 18, 2018 "The web is pretty great". Yea, we deserve that. How many horrific years we lived. Reply UP Humor May 20, 2018 hahahhaha – that was funny Reply Xyu May 20, 2018 ummm git clone …, npm install…, check folder size and it's almost 600megs!!!! Umm what gives?! Reply Ankit Maheshwari May 22, 2018 Web components are not available at webcomponents.org for Polymer 3.From where do we use components to design pages.? Reply Systems Planet May 22, 2018 dut do dut da dut do do pwew pwew pwew 🤖 please upload a version of this video with everything edited out except for your sound effects!!!! please publish a component we can use to add your sound effects to our aps!! Reply Ritiz Behl May 22, 2018 another React lol Reply Filip Matuszewski May 22, 2018 How to use typescript with this awesome starter kit. Reply Frederik Dussault May 22, 2018 Amazing presentation!!Developping has never been so fun. 🙂 Reply Frederik Dussault May 22, 2018 Please add links to github repos. Thanks Reply Daniel Feuster May 22, 2018 Thanks Monica and the Polymer team! I can't wait to get crackin on the new starter kit Reply Frederik Dussault May 22, 2018 Polymer/pwa-starter-kit Github repo: https://github.com/Polymer/pwa-starter-kit Reply Deku Tree May 24, 2018 Google needs to buy Nintendo just so Monica can make references without worrying about copyright. Reply chakree ten May 26, 2018 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! Reply Tirth Bodawala May 31, 2018 What is your views regarding https://www.reactpwa.com. Reply Nandish Ajani June 13, 2018 If anyone interested in checking out the react boilerplate for PWA or the framework around it please visit. https://www.reactpwa.com/https://github.com/Atyantik/react-pwahttps://github.com/Atyantik/pawjs Reply wget Desa June 13, 2018 4:38 when she finally gets to it Reply CopernicoTube June 13, 2018 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. Reply Glen Smith June 23, 2018 Nutella on Pancakes 🙂 sweet video & very inspirational for the Polymer Project. Reply Jason June 24, 2018 IDK, i think she was talking too fast. Reply Tudor Hulban June 26, 2018 would be nicer in vanilla Reply Laszlo Antal June 28, 2018 She is an incredible speaker. Super engaging speaker. Reply Coding Games July 13, 2018 I like chrome Reply Winged Hussar July 27, 2018 I do like them but why is google trying to push PWAs so hard Reply Port of Stillwater July 29, 2018 I've been looking for someone to DO a PWA for me? I am NOT a developer but do not want an APP and DO want a PWA. [email protected] I am Gerri Larson USA thanks! Reply Neville Lusimba July 30, 2018 3:1, awesome analogy. ABC Reply j f August 2, 2018 Are you targeting "adults" with this presentation? I made it to about 8 minutes – is that good? Reply Abanoub Hanna August 6, 2018 WoOoOoOoOoOoW G R E A T P R E S E N T A T I O N ! Reply Bruce Bell-Myers August 6, 2018 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. Reply Judy Montesa August 9, 2018 "mouth sound, it will get you anywhere" hmmmmm. Reply Julián Pérez Pesce October 4, 2018 Thank you, it's very useful Reply Po Polsce October 20, 2018 So they want me to use another react clone? Why bother if I already have react? Reply Valentin Anastase November 18, 2018 Cool! Du du du du du, boop boop boop! <3 8:30 Reply LoQuan Seh November 24, 2018 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. Reply Virgus66 January 15, 2019 Did she NOT mentioned about service workers at all???? Reply Aruxandei Cosmin March 15, 2019 This is one of those moments when I'm proud to be romanian :)) Reply Chlorophant April 19, 2019 looks like reinventing the react wheel Reply Ngo Xuan Dang May 21, 2019 Is there any Update in Google I/O '19? Reply Igor Brussolo May 22, 2019 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 . Reply NuncNuncNuncNunc May 26, 2019 If only there were 'the one good datepicker' Reply Izio July 15, 2019 She's very easy to listen to and look at if you namsayin Reply Arwah Sapi July 16, 2019 I'd wish I had public speaking skills like this! Reply Hobby Turysta September 2, 2019 PERFECT presentation WITH funky STYLE. braVVVooo! Reply Add a Comment Cancel reply Your email address will not be published. Required fields are marked *Comment:*Name:* Email Address:* Save my name, email, and website in this browser for the next time I comment.