RRU 034: “Progressive Web Apps” with Aaron Gustafson / Live at Microsoft Ignite
React Round Up23 Okt 2018

RRU 034: “Progressive Web Apps” with Aaron Gustafson / Live at Microsoft Ignite

Panel:
- https://twitter.com/cmaxw?lang=en
Special Guests: https://github.com/adtm In this episode, the Chuck talks with https://www.aaron-gustafson.com who is a web standards and accessibility advocate working at Microsoft. Aaron and Chuck talk about PWAs and the ins and outs of these progressive web apps. Check out today’s episode to hear more! Show Topics: 0:36 – Chuck: Our guest is Aaron, say HI! 0:41 – Aaron: Hi! I have been working on the web for 20 plus years. I am working on the Edge team for accessibility among other things. I have done every job that you can do on the web. 1:08 – Chuck: That is one of OUR publications? 1:14 – Aaron: No the communities. I joined the staff as editor in chief for 1.5 year now. It’s a nice side project to do. 1:36 – Chuck: I thought it was a commercial thing. 1:40 – Aaron: No it’s volunteer. 1:52 – Chuck: Talk about your web background? 2:02 – Aaron: I remember the first book I got (title mentioned). My first job on the web (cash) I was the content manager in Florida and this was in 1999. Gel Macs just came out. I relocated from FL to CT and worked for other companies. I got into CSS among other things. It’s been a wild ride and done it all. 3:52 – Chuck: Let’s talk about web standards? 4:05 – Aaron: It depends on the organization and what the spec is and where it originates. It’s interesting to see how HTML developed back in the day. When standardization started working then everything started to converge. Everything is a little different now. Some specs come out from companies that... (Apple, https://responsiveimages.org, and Grid are mentioned among other things.) 7:37 – Chuck: We set up to talk about PWAs. Where did PWAs come from? 7:57 – Aaron: Modern web design, best web applications. Being secure. One of the underpinnings came out from Google and they have been supporters of that. Firefox is working on installation as well. The Chrome implementation is weird right now, but it becomes an orphaned app. It’s like the old chrome apps where in Windows you can install from the Microsoft store. But the case of Chrome you don’t have to go through the store. 10:14 – Chuck asks a question. 10:24 – Aaron answers. 11:53 – Chuck: What makes it a progressive web app rather than a regular website? 12:05 – Aaron: The definition is running on HTPS and... Aaron defines the terms that Chuck asks at 11:53. 12:43 – Aaron: Of course you can push forward if it makes sense from the baseline. 12:56 – Chuck: We have an Angular podcast, and we talked about PWAs and nobody had a good definition for it. 13:18 – Aaron. 13:22 – Chuck: What are the pros of having a PWA? Let’s start with the basics first. 13:33 – Aaron: The ability to control how you react to the network. We development is challenging maybe in other areas because of the lack of control and how your code gets to your users. Any special needs that YOU might have. Aaron goes into detail on this topic. 17:14 – Chuck: Is the service worker the star for PWAs? 17:20 – Aaron: In a way, kind of. Aaron goes into detail on this topic. Share 2 is mentioned, too. 19:42 – Chuck: If the service worker intermediates between the browser and the page / Internet would it make sense to have your worker have it load and then load everything else? Cause you have those Web Pack now. 20:14 – Aaron: Some people would consider it but I wouldn’t necessarily. I am not a fan for that. If anything goes wrong then nothing loads. I remember back when... 22:23 – Aaron: That is a lot of overhead. 22:34 – Chuck: I am wondering what is the best practice? How do you decide to pull in a service worker and then move into more complicated issues? 22:53 – https://www.youtube.com/channel/UCDWpGhFB8j6Kia4B_MKUG3w: Progressive Web App where they talk about their evolution about this. 25:17 – https://www.freshbooks.com/?adgroupid=51893696397&ag=%255Bfreshbooks%255D&camp=US%2528SEM%2529Branded%257CEXM&campaignid=717543354&crid=289640536553&dclid=CNGHh6XkmN4CFQO5TwodEqEA2w&dv=c&gclid=EAIaIQobChMIzpSso-SY3gIVDoxpCh0-HwkaEAAYASAAEgI6JfD_BwE&gclsrc=aw.ds&kw=freshbooks&kwid=kwd-298507762065&ntwk=g&ref=ppc-na-fb&source=GOOGLE Code: DEVCHAT. 26:25 – Chuck: In order to be a PWA you don’t need to have a push notification. 26:38 – Aaron: I don’t think anyone would want a push notification from me. 27:12 – Chuck: What features do PWAs have? 27:18 – Aaron: Features? None of them really, other than push notifications, it’s just standard it’s going to make an App feel more App “y”. If that’s something you want to do. It’s up to you to determine that. There is going to be like push notifications – sending person new updates about the order. If you were a new site you want to make sure you are not doing a push notifications on everything cause that would be too much. Exercising care with the capabilities with what the users are doing on your computer. This is a person that you are dealing with. We need to seem less needy. Give users control of how they want to use it. For example, Twitter will give you that control per user. 30:56 – Chuck: Could you also do it for different parts of the page? 31:01 – Aaron: It’s different scopes. Your servicer worker has different scopes and it needs to be in the root folder or the JavaScript folder. You can have different workers but they will come from different scopes. 31:32 – Chuck gives a hypothetical example. 31:50 – You can do a bunch of different service workers. 32:11 – Chuck: This is why we create different hierarchies in our code. 32:26 – Chuck: Is there a good point where people can be more informed with PWAs? 32:40 – Aaron: https://www.pwastats.com and https://twitter.com/pwastats with Cloud 4. 33:22 – Chuck asks a question. 33:26 – Aaron: Yes. If you are a photographer you don’t want to cash all of your photos on someone’s hard drive. We have to be good stewards of what is operating on people’s hard drives. Even something as simple as a blog can benefit from being a PWA. 35:01 – Chuck: Are there new things that are being added to a PWA? 35:12 – Aaron: A new feature is the background sync. Aaron: What is native and what is web? 36:33 – Chuck: Yeah it can detect a feature in your machine. Dark mode is... 36:48 – Aaron: It would be nice to see things standardized across the board. 37:00 – Chuck: How does this play into https://electronjs.org or Android or...? Do those need to be PWAs? 37:16 – Aaron: It depends on what you are building. So I talked with people through Slack and they want total control. If you r desire is to shift the same experience then https://electronjs.org can make a lot of sense. They will have to pay a premium, though, your users. If you are aware of that then go the https://electronjs.org route. But for most cases then https://electronjs.org might be overkill for you. You don’t need that extra overhead. 39:55 – Aaron continues. Aaron: I think the major benefit of PWA is... 41:15 – Chuck: The other angle to that is that in an Electron app does it make sense to use a PWA things? 41:23 – Aaron: Yes that makes sense. 41:34 – Unless for some reason you need to unlock into an older version, which I hope is not the case b/c of security reasons. 41:55 – Aaron continues. 42:34 – Chuck: Where can we find you? 42:35 – Aaron mentions Twitter and other sites. See Links! 43:02 – https://www.digitalocean.com/ Links:
- https://rubyonrails.org
- https://angular.io/guide/quickstart
- https://www.pwastats.com
- https://twitter.com/pwastats
- https://electronjs.org
- https://www.aaron-gustafson.com
- https://www.linkedin.com/in/aarongustafson
- https://twitter.com/AaronGustafson
- https://github.com/aarongustafson
- https://www.youtube.com/channel/UCDWpGhFB8j6Kia4B_MKUG3w
- https://medium.com/@AaronGustafson
- https://devchat.tv/get-a-coder-job/
- https://twitter.com/cmaxw?ref_src=twsrc%255Egoogle%257Ctwcamp%255Eserp%257Ctwgr%255Eauthor
Sponsors:
-

Become a supporter of this podcast: https://www.spreaker.com/podcast/react-round-up--6102072/support.

Avsnitt(310)

Piral Framework for Microfrontend with Florian Rappl - RRU 190

Piral Framework for Microfrontend with Florian Rappl - RRU 190

Today we talk with Florian Rappl the creator of Piral, a next generation portal applications, which utilizes microfrontend architecture.  Piral is all about scalability, allowing easy reusability between multiple teams.  We learn of the background of how it was developed, and how out of the box it comes with bundles customized to your industry.  We discuss when it makes sense to use microfrontend based on client requests and needs, and give some tips on when to start incorporating it. SponsorsTop End DevsRaygun | Click here to get started on your free 14-day trialCoaching | Top End DevsLinksPiral - Portal Solutions using MicrofrontendssmapiotGitHub - smapiot/piral: Framework for next generation web apps using micro frontends.Piral - DocumentationTwitter: @FlorianRapplGitHub: FlorianRapplNews - Florian RapplPicksFlo- Watch Stranger Things | Netflix Official SiteFlo- Bun is a fast all-in-one JavaScript runtimeFlo- The God Equation: The Quest for a Theory of EverythingJack - fresh - The next-gen web framework.Paige- GrillGrates - Custom BBQ Grill Grates | GrillGrateTJ- Watch Stranger Things | Netflix Official SiteAdvertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacyBecome a supporter of this podcast: https://www.spreaker.com/podcast/react-round-up--6102072/support.

20 Juli 202247min

CSS Properties with Dillion Megida - RRU 189

CSS Properties with Dillion Megida - RRU 189

Today we talk with Dillion Megida, a developer advocate and content creator originally from Nigeria, but living in the Netherlands.  We discuss his blog article about the aspect ratio property in CSS.  Much of his effort at a developer advocate is writing articles and creating video content to promote the products for Stream, where he currently works.  He gives us his insight on preparing for and pursuing the developer advocate role at a company.  We also discuss debouncing in JavaScript, which helps to reduce unnecessary expression executions. SponsorsTop End DevsCoaching | Top End DevsLinksDillion Megida - Developer AdvocateThe Aspect Ratio Property in CSS - Dillion's BlogTailwind UI Kit - The most loaded tailwind css UI Kit on the planetJavaScript String Comparison - How to Compare Strings in JSDillion MegidaInstagram: dillionmegidaTwitter: @iamdillionPicksDillion- Amazon.com : air fryerJack- Discord - A New Way to Chat with Friends & CommunitiesJack- Pizza Ovens | Make Pizza | Ooni Pizza OvensPaige- Instant Read ThermometersAdvertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacyBecome a supporter of this podcast: https://www.spreaker.com/podcast/react-round-up--6102072/support.

13 Juli 202254min

Setting Up Server Side Rendering with Adam Berg - RRU 188

Setting Up Server Side Rendering with Adam Berg - RRU 188

Today Jack and TJ talk with Adam Berg, VP of Engineering at Dubsado.  We discuss an article he wrote based on lessons learned while his place of work was transitioning from AngularJS to React, called starting with How to Set Up Server Side Rendering (SSR) With React, express.js, and esbuild.  We also discuss several of his other articles, including Hey Siri, We’re Breaking Up, and 3 Lines of Code Shouldn’t Take All Day. SponsorsTop End DevsRaygun | Click here to get started on your free 14-day trialCoaching | Top End DevsLinksHow to Set Up Server Side Rendering (SSR) With React, express.js, and esbuild | dev/tailsdev / tailsHow to Replace Webpack in Create React App With esbuild Hey Siri, We're Breaking UpTaking Flight Without a Smart Phone3 Lines of Code Shouldn’t Take All DayHomeTwitter: @devtailsGitHub: adamjbergPicksAdam- Upload - Season 1Jack- Micro State Management with React Hooks: Explore custom hooks libraries like Zustand, Jotai, and Valtio to manage global statesTJ- Netlify FunctionsAdvertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacyBecome a supporter of this podcast: https://www.spreaker.com/podcast/react-round-up--6102072/support.

6 Juli 202252min

All About Equipment - RRU 187

All About Equipment - RRU 187

In today’s all-panelist episode, we cover our favorite equipment from keyboards and mouse, to computers and monitors, from webcams to microphones. SponsorsTop End DevsCoaching | Top End DevsLinksDiscord - A New Way to Chat with Friends & CommunitiesGitHub Copilot · Your AI pair programmerPicksJack - Donate to the Red CrossJack- Pizza Ovens | Make Pizza | Ooni Pizza OvensPaige- The White Lotus | Official Website for the HBO Series | HBO.comTJ- Lilo & StitchAdvertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacyBecome a supporter of this podcast: https://www.spreaker.com/podcast/react-round-up--6102072/support.

29 Juni 202244min

3D Modeling in React with Jennifer Fu - RRU 186

3D Modeling in React with Jennifer Fu - RRU 186

Today we have special guest Jennifer Fu, a software engineer who specializes in front end development.  Currently working at Domino Data Lab, she comes with 20 years of experience in many programming languages, but loves React!  Much of her recent work is with Web3.js and Three.js.  We discuss how to work with the 3D JavaScript library, and discuss how easy it is to use.  As a bonus, we get some of her insight to excelling during the coding interview process.  Make sure to check out her extensive library of articles at medium.com (link below).SponsorsTop End DevsRaygun | Click here to get started on your free 14-day trialCoaching | Top End DevsLinksJennifer Fu - MediumJennifer Fu - Cupertino, California, United States | Professional Profile | LinkedInModeling - blender.orgGitHub: Where the world builds softwareThree.js - JavaScript 3D libraryPicksJennifer- Baltimore Museum of ArtTJ- TMNT Shredder's RevengePaige- Watch The Great British Baking Show | Netflix Official SiteAdvertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacyBecome a supporter of this podcast: https://www.spreaker.com/podcast/react-round-up--6102072/support.

22 Juni 202248min

Design Systems - RRU 185

Design Systems - RRU 185

In this all-panelist episode, we discuss Design Systems, what they are and why you might want one. As a great way to help companies to standardize the look and feel and behavior of their web applications across the enterprise, we discuss the challenges of implementation. We also discuss how useEffect gets called twice when in developer mode and strict mode to test your component. It mounts it, un-mounts it, the re-mounts it - looking to see if there are leaks. What do we do about this? SponsorsTop End DevsCoaching | Top End Devs LinksDiscord - A New Way to Chat with Friends & CommunitiesReact 18 useEffect Double Call for APIs: Emergency FixStorybook: UI component explorer for frontend developers PicksJack- Land Rover Defender 42110 | Technic™ | Buy online at the Official LEGO®Paige - Magnetized screwdriversTJ - Heated BlanketsAdvertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacyBecome a supporter of this podcast: https://www.spreaker.com/podcast/react-round-up--6102072/support.

15 Juni 202245min

React Code Quality with Iva Kop - RRU 184

React Code Quality with Iva Kop - RRU 184

Today we talk with Iva Kopraleva, a technical article writer, and React developer at CitizenLab, a digital engagement platform helping citizen involvement in public decision-making. We delve into some tips and tricks she has learned to make her coding process better, as well as recommendations for new developers in finding their first job. SponsorsTop End DevsCoaching | Top End Devs LinksWhere is the mouse?Iva Kop, Author at LogRocket BlogIva Kop - freeCodeCamp.orgLinkedIn: Iva KopTwitter: @iva_kopGitHub: Iva ( IvaKop )Discord: React Round Up PicksIva - Horseback RidingJack - Everything Everywhere All At OnceJack - Chip ’n Dale Rescue RangersTJ- Postman API PlatformAdvertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacyBecome a supporter of this podcast: https://www.spreaker.com/podcast/react-round-up--6102072/support.

1 Juni 202253min

Insider Views from Shubham Khatri at Meta - RRU 183

Insider Views from Shubham Khatri at Meta - RRU 183

Today we talk with software engineer Shubham Khatri, a front end developer at Meta. As someone who is really passionate about React, we discuss Strict Mode and Flock among other things. We also talk about his experience working for the company, insights on getting hired at Meta, and tips for getting a good response from developer help. Sponsors Top End DevsCoaching | Top End Devs Links What is StrictMode in ReactMeta | Social Metaverse CompanyHow to Build a Custom Pagination Component in ReactShubham Khatri - MediumTwitter: @ShubhamReacts Picks Jack - Touch PortalPaige - OzarkTJ- Podcasts - FreakonomicsShubham - This Is UsSpecial Guest: Shubham Khatri.Sponsored By:Coaching | Top End Devs: Do you want to level up your career? or go freelance? or start a podcast or youtube channel? Let Charles Max Wood Help You Achieve Your DreamsTop End Devs: Learn to Become a Top 5% Developer. Join our community of ambitious and engaged programmers to learn how.Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacyBecome a supporter of this podcast: https://www.spreaker.com/podcast/react-round-up--6102072/support.

25 Maj 202244min

Populärt inom Business & ekonomi

framgangspodden
varvet
badfluence
uppgang-och-fall
svd-ledarredaktionen
rss-borsens-finest
avanzapodden
rss-kort-lang-analyspodden-fran-di
lastbilspodden
rss-dagen-med-di
rikatillsammans-om-privatekonomi-rikedom-i-livet
fill-or-kill
borsmorgon
affarsvarlden
tabberaset
dynastin
kapitalet-en-podd-om-ekonomi
market-makers
rss-inga-dumma-fragor-om-pengar
borslunch-2