RRU 034: “Progressive Web Apps” with Aaron Gustafson / Live at Microsoft Ignite
React Round Up23 Loka 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.

Jaksot(310)

Building a Chatbot or Voicebot with Dialogflow in React ft. Victory Nwani - RRU 275

Building a Chatbot or Voicebot with Dialogflow in React ft. Victory Nwani - RRU 275

Victory Dumebi Nwani joins the round up to discuss integrating the Dialogflow from Google Cloud into your application to manage voice and chat capabilities for your application.Victory dives into the stack he used to put together a functioning app using that offering from Google.LinksIntegrating A Dialogflow Agent Into A React ApplicationDialogflow DocumentationA brief introduction to Chatbots with DialogflowDialogflow pricingLinkedIn: Victory NwaniGitHub: Nwani Victory ( vickywane )Twitter: Iamnwani ( @iamnwani01 )PicksJack- Resident Evil VillagePaige- Mario KartTJ- Toto BidetVictory- AWS CodeDeployBecome a supporter of this podcast: https://www.spreaker.com/podcast/react-round-up--6102072/support.

20 Marras 202440min

Transitioning a React Codebase from JSX to TypeScript ft. Priscila Oliveira and Mark Story  - RRU 274

Transitioning a React Codebase from JSX to TypeScript ft. Priscila Oliveira and Mark Story - RRU 274

Priscila Oliveira and Mark Story join the panel to discuss the recent transition at Sentry from vanilla JavaScript to React and TypeScript.The show starts out with the panelists nerding out over Sentry and how they use it, then they dive into the code transition and the things that they learned from their conversion to TypeScript.LinksSlow and Steady: Converting Sentry’s Entire Frontend to TypeScriptTwitter: Sentry ( @getsentry )Twitter: Mark Story ( @mark_story )Twitter: Priscila Oliveira ( @priscilawebdev )PicksJack- Power of saying "No"Mark- GitHub | neovim/nvim-lspconfigMark- GitHub | glepnir/lspsaga.nvimPriscila - GitHub | clauderic/dnd-kitTJ- DivvyBecome a supporter of this podcast: https://www.spreaker.com/podcast/react-round-up--6102072/support.

14 Marras 202439min

Web Workers & Multi-threaded JavaScript with Majid Hajian - RRU 273

Web Workers & Multi-threaded JavaScript with Majid Hajian - RRU 273

Despite JavaScript being a single-threaded language, you can now leverage multi-threaded computing thanks to modern browser features such as web workers, workouts and service workers. In this show, Majid explains how these features work and what problems they solve. We also discuss the strategies you can use to introduce them to production codebases and give your users a much more enjoyable experience on your web app.LinksComlink makes WebWorkers enjoyableWorkboxFigmaThe AssemblyScript BookHoudini: Demystifying CSSPicksMajid - Follow Majid on Twitter > @mhadailyMajid - Deep Work - Cal NewportCarl - Off the Main Thread | The Web Platform PodcastCharles  - Natural Goat Milk Soaps for Healthy Skin — Goat Milk StuffCharles  - ‎Flip Timer & stopwatch on the App StoreCharles - Desktop tripodPaige - DJI Phantom 4 DronePaige - Ozark show on NetflixTJ - Goat-2-Meeting — Sweet FarmBecome a supporter of this podcast: https://www.spreaker.com/podcast/react-round-up--6102072/support.

6 Marras 20241h 1min

Creating Gatsby Source Plugins with Dillion Megida - RRU 272

Creating Gatsby Source Plugins with Dillion Megida - RRU 272

In today’s episode of React Round Up, Nigerian-based developer Dillion Megida explains how you can create source plugins for Gatsby, the static site generation tool. Gatsby can be used to create landing pages, blogs and e-commerce sites, among other things, and it contains a vast plugin ecosystem that helps developers avoid reinventing the wheel when creating their applications. Dillion also shares his experience blogging for websites such as LogRocket, FreeCodecamp and Dev.to and talks us through his workflow and how he comes up with new article ideas.LinksHow to Build a Gatsby Source Plugin, using Hashnode as an examplePaige NiedringhausGatsby Plugin LibraryTheWebFor5Web sharing APIA deep dive into queues in Node.jsgatsby-source-mediumHashnodeTwitter: Dillion Megida ( @iamdillion )Dillion Megida - Frontend Engineer and Technical WriterPicksCarl- BBQ tips Carl- JAMstacked newsletter Dillion- CypressPaige- Battery Chargers - OptiMateTJ- RemotionTJ- Remotion demoBecome a supporter of this podcast: https://www.spreaker.com/podcast/react-round-up--6102072/support.

30 Loka 202450min

Mastering Event Sourcing with Redux and Back-End Insights - RRU 271

Mastering Event Sourcing with Redux and Back-End Insights - RRU 271

In this episode, they dive deep into the world of event sourcing with special guest, Luis Galeas, CEO and founder of Ambar. Lucas Paganini, along with Chris and Peter explore the intricacies of event sourcing, comparing front-end implementations using Redux and back-end approaches, and highlighting the benefits, drawbacks, and practical applications.Luis shares his expertise on event sourcing, discussing how events act as the primary source of truth and the importance of understanding system boundaries for scalability. The conversation covers essential tools, frameworks, and strategies to effectively implement event sourcing in both your development processes and organizational strategies.Whether you're new to event sourcing or looking to deepen your understanding, this episode offers invaluable insights and practical advice to help you navigate this complex but rewarding architecture. Tune in to learn more about how event sourcing can transform your approach to managing application changes, ensuring scalability, auditability, and minimizing regressions. Don't miss out on this opportunity to hear from experts in the field and discover how to leverage event sourcing for your next big project!SocialsLinkedIn: Luis P Galeas Become a supporter of this podcast: https://www.spreaker.com/podcast/react-round-up--6102072/support.

24 Loka 202443min

Is Working at a Large or Small Company Better for Your Career? - RRU 270

Is Working at a Large or Small Company Better for Your Career? - RRU 270

This week the panelists dive into their work backgrounds and discuss the ins and outs of working at small and large companies. They aim specifically at whether one is better than the other for building a career.PicksJack- Virtual CoffeePaige- Raspberry Pi Beginner's Guide 4th EditionTJ- RocketBecome a supporter of this podcast: https://www.spreaker.com/podcast/react-round-up--6102072/support.

16 Loka 202447min

React Hook Form with Vijit Ail - RRU 269

React Hook Form with Vijit Ail - RRU 269

React Hook Form is a terrific way to manage state in, from, and through, your forms in React. Since React itself doesn't give you much to manage forms, React Hook Form steps into the gap to help you manage your forms and provide features and functionality to your forms.Our guest, Vijit Ail worked through several of the options out there for managing states and walks the panel through his decision to use React Hook Form.LinksReact Hook FormRedux FormFormikBundlePhobiaTypeORMNestJSPicksJack- Nx: Smart, Extensible Build FrameworkTJ- Super Mario 3D WorldVijit- Microservices with Node JS and React | UdemyBecome a supporter of this podcast: https://www.spreaker.com/podcast/react-round-up--6102072/support.

9 Loka 202432min

Clean Code with Tyler Hawkins - RRU 268

Clean Code with Tyler Hawkins - RRU 268

In today’s show, frontend engineer Tyler Hawkins shares his tips on how you can write clean, maintainable and readable code. Using the examples from his article on the same subject, he explains the importance of using clean code principles to make it easier for different developers to collaborate on a codebase. Tyler also discusses how you can better structure your tests and have more confidence in how they are written.LinksReact Clean CodeUse ternaries rather than && in JSXGitHub | getify/You-Dont-Know-JSClean Code With Unit TestsTyler Hawkins - Web PortfolioTyler Hawkins - MediumGitHub: Tyler Hawkins ( thawkin3 )LinkedIn: Tyler HawkinsTwitter: Tyler Hawkins ( @thawkin3 )PicksCarl- Time away from the screensJack- GitHub | pmndrs/jotaiTyler- Being Wrong: Adventures in the Margin of Error by Kathryn SchulzBecome a supporter of this podcast: https://www.spreaker.com/podcast/react-round-up--6102072/support.

2 Loka 202452min

Suosittua kategoriassa Liike-elämä ja talous

sijotuskasti
psykopodiaa-podcast
mimmit-sijoittaa
puheenaihe
rss-rahapodi
ostan-asuntoja-podcast
rss-rahamania
rss-startup-ministerio
rss-lahtijat
rss-paasipodi
herrasmieshakkerit
taloudellinen-mielenrauha
rss-bisnesta-bebeja
pomojen-suusta
hyva-paha-johtaminen
rss-ammattipodcast
rss-markkinointitrippi
rss-seuraava-potilas
kasvun-kipuja
rss-myyntipodi