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.

Kokeile Premiumia

Nauti 14 päivää ilmaiseksi

Tilaa Premium

Jaksot(310)

The Evolution of Prime React with Cagatay Civici - RRU 259

Cagatay Civici is the founder of PrimeFaces, PrimeNG, PrimeReact and PrimeVue. In this episode, they delve into the world of UI component libraries and the business of open source. Join them as they explore Primetech's journey from consulting work to a thriving team focused on UI component development and the value of selling a library of components with a premium paid version. They also take a closer look at the tailored features and commercial aspects of the Primary Act library and gain insights into creating and monetizing open-source projects. With a focus on UX, product launch strategies, and ongoing development, this episode offers a wealth of knowledge for developers and entrepreneurs navigating the world of open source and library monetization. LinksPrimeFacesSocialsTwitter: @cagatayciviciGitHub: cagatayciviciBecome a supporter of this podcast: https://www.spreaker.com/podcast/react-round-up--6102072/support.

29 Touko 202446min

Navigating React and React Native Evolution - RRU 258

Jamon Holmgren is the Co-founder & CTO at Infinite Red, Inc. They dive into the captivating world of React and React Native, exploring the evolution of these technologies and their implications for developers. They engage in thought-provoking discussions on deployment challenges, user expectations in mobile app development, and the intricate process of integrating React Native into existing apps. Join them as they dissect the nuances of React Native, compare it to other frameworks like Flutter, and unravel the complexities of managing dependencies in React Native projects. From success stories to industry insights, this episode offers a wealth of knowledge for developers navigating the realm of web and native mobile development. SocialsLinkedIn: Jamon HolmgrenJamon HolmgrenBecome a supporter of this podcast: https://www.spreaker.com/podcast/react-round-up--6102072/support.

22 Touko 202454min

Mastermind Groups and Staying Current with Sean Merron - RRU 257

In this episode, The panelist of React Round-Up, View on Vue, Adventures in Angular, Ruby Rogues, and JavaScript Jabber speak with Sean Merron about Mastermind Groups of Startups and much more. Sean is the founder of today's topic and product “Mastermind Hunt.” This product is design to skillfully find a mastermind to take your business and skills to the next level.SponsorsChuck's Resume TemplateDeveloper Book ClubBecome a Top 1% Dev with a Top End Devs MembershipLinksSean’s Twitter2frugaldudes podcastSean’s LinkedInPicksShai - Bob Proctor Joe - CoolstuffincJoe - luxorJoe - NG Conf Minified Lucas - Radical Candor Divya - Alan WattsDivya - Framework Summit Videos Divya - Several Short Sentence about Writing Charles - CES - devchat.tv/eventsCharles- Modern MedicineSean - (757) Area CodeSean - RevolutionConf.comBecome a supporter of this podcast: https://www.spreaker.com/podcast/react-round-up--6102072/support.

9 Touko 20241h 7min

Lambda School with Ben Nelson - RRU 256

In this episode, the panelists talk with Ben Nelson who is a co-founder and CTO of Lambda School. The panelists and Ben talk about Lambda School, the pros & cons of the 4-year university program for developers, and much more. Check it out!SponsorsChuck's Resume TemplateDeveloper Book ClubBecome a Top 1% Dev with a Top End Devs MembershipLinksRuby on RailsAngularJavaScriptElmPhoenixGitHubGet A Coder JobIncome Share Agreement’s DefinitionDevMountainCharles Max Wood’s TwitterNader Dabit’s TwitterLucas Reis’ GitHubBen Nelson’s Talk: Rethinking Higher Education – ICERI 2016 Keynote SpeechBen Nelson’s LinkedInBen Nelson’s TwitterLambda SchoolPicksLucas - CypressLucas - Looking a Cypress as a Development Environment.Nader - Egghead.ioNader - Nader’s courses on Egghead.ioNader - Suggestions for coursesCharles - Opportunity to help liberate developersCharles - Extreme OwnershipCharles - Hiring a developerCharles - Sales Rep. for selling sponsorshipsCharles - Show note writerBen - Air Table Become a supporter of this podcast: https://www.spreaker.com/podcast/react-round-up--6102072/support.

1 Touko 202450min

Inside Apache Superset with Evan Rusackas - RRU 255

Evan Rusackas is a UI/UX designer, front-end developer, and data visualizer. They delve into the world of open-source development and commercialization. They explore the differences in managing open source and closed source code bases, the complexities and advantages of selling a commercial version of an open source project, and the challenges and rewards of earning money from open source work.Evan shares insights into the governance and code base management of the Apache Software Foundation, the creation of preset.io to address the needs of Apache Superset users and the commercial features offered by preset.io. They also touch on the benefits of using Apache Superset for business intelligence and data visualization, as well as the workflow for a related React-centric project.Join them as they uncover the intricacies of open-source development, the evolution of Apache Superset, and the journey of Preset as they explore the intersection of open-source and commercial software.SponsorsChuck's Resume TemplateDeveloper Book ClubBecome a Top 1% Dev with a Top End Devs MembershipSocial MediaUnvoidLinkedIn @unvoidweb https://www.linkedin.com/company/unvoidwebInstagram @unvoidweb https://www.instagram.com/unvoidwebLucas PaganiniYouTube @lucaspaganiniweb https://youtube.com/@lucaspaganiniwebLinkedIn @lucaspaganiniweb https://www.linkedin.com/in/lucaspaganiniwebTwitter @lucaspaganini https://twitter.com/LucasPaganiniInstagram @lucaspaganini https://www.instagram.com/lucaspaganiniChris FrewinGitHub @princefishthrower https://github.com/princefishthrowerBlog Chris Frewin https://chrisfrew.in/Evan RusackasLinkedIn: Evan RusackasBecome a supporter of this podcast: https://www.spreaker.com/podcast/react-round-up--6102072/support.

17 Huhti 202442min

Designing Your Life - RRU 254

In this episode of React Round Up Charles Max Wood hosts a solo podcast sharing his perspective on designing your perfect life. In this episode he addresses finding your dream job, building your dream life, and staying current. Start by deciding where you want to end up. Do you see yourself retiring? Working forever? Charles shares his vision for his future and discusses the retirements of others in his life. Working back from the end of your life, Charles has you ask yourself what kind of life and career you want. Charles shares his vision for both his personal life and his career. After you pick your goal, build the skills, and knowledge to reach that goal. He uses the example of becoming a speaker at conferences. He also recommends you find a mentor or someone who has done what you want to and get their help.Charles explains how important it is to get out of your own way mentally. Many people find reasons real or imagined as to why they can’t reach their goals. He agrees that the world is unfair and barriers can be real. The best way to show others they can overcome barriers is by doing it yourself and working towards your goals. You can if you believe you can and you work for it. SponsorsChuck's Resume TemplateDeveloper Book Club Become a Top 1% Dev with a Top End Devs MembershipLinkshttps://www.facebook.com/React-Round-Uphttps://twitter.com/reactroundupPicksCharles - The Riftwar CycleCharles - The Man in the High CastleBecome a supporter of this podcast: https://www.spreaker.com/podcast/react-round-up--6102072/support.

10 Huhti 202427min

The Impact of Open Source Companies and Industry Insights - RRU 253

Max Stoiber is the CEO at Stellate. They delve into the open-source versus closed source debate, featuring insights from prominent figures in the tech industry. From the challenges and complexities of transitioning from engineering to leadership to the evolution of open-source contributions and community support, this episode covers a wide range of compelling topics. They also explore the success and challenges of open-source businesses, with a focus on their sustainability in a global digital landscape. Get ready for an engaging conversation that delves deep into the world of open source, business models, and the future of technology.SponsorsChuck's Resume TemplateDeveloper Book Club Become a Top 1% Dev with a Top End Devs MembershipSocial MediaUnvoidLinkedIn @unvoidweb https://www.linkedin.com/company/unvoidwebInstagram @unvoidweb https://www.instagram.com/unvoidwebLucas PaganiniYouTube @lucaspaganiniweb https://youtube.com/@lucaspaganiniwebLinkedIn @lucaspaganiniweb https://www.linkedin.com/in/lucaspaganiniwebTwitter @lucaspaganini https://twitter.com/LucasPaganiniInstagram @lucaspaganini https://www.instagram.com/lucaspaganiniChris FrewinGitHub @princefishthrower https://github.com/princefishthrowerBlog Chris Frewin https://chrisfrew.in/Max Stoiber LinkedIn @MaxStoiber https://www.linkedin.com/in/mxstbr/Become a supporter of this podcast: https://www.spreaker.com/podcast/react-round-up--6102072/support.

3 Huhti 20241h 19min

Building Resilient Architecture with Monica Lent - RRU 252

Monica Lent has been interested in software from a very young age, and made her first domain name when she was 9 years old. She left her job and founded a startup, analytic tool designed for bloggers designed around affiliate marketing. She talks about some of the lessons she’s learned, including how to sift through data and how to make it useful for people. The panel discusses how to distill the priorities from the project manager so you know where to spend your time, something that takes a lot of experience and failure. They also talk about the merits of different practices such as whether or not to deploy on Friday and having engineers on call. Monica explains her opinion on how copying and pasting code instead of adding dependencies is a positive constraint. She prefers this method most of the time but not in all cases because it keeps your code flexible and avoids unnecessary specialization. However, she is not advocating for copy/paste over dependencies in every situation : rather the point comes down to using copy/paste instead of inappropriate coupling.They also dive into how so much programming deals with other people and the importance of keeping your ego out of it when designing constraints, especially since developers hate other developer’s abstractions. They debate whether pride is a characteristic of junior or senior developers. They note that it is easier to get prideful and opinionated when you’re not working on a team. SponsorsChuck's Resume TemplateDeveloper Book ClubBecome a Top 1% Dev with a Top End Devs MembershipLinksMonica's React Finland talkNarcissistic design talkA Philosophy of Software DesignReact HooksRelayTypeScriptWebpackgRPCPrettier7 Absolute Truths I Unlearned as a Junior DeveloperPicksLeslie - Xochimilco, Mexico City, MexicoLeslie - List of CSS mistakesThomas - Get the Truth bookLucas - LoveveryLucas - Zero Fasting appMonica - The Mom Test by Rob FitzpatrickBecome a supporter of this podcast: https://www.spreaker.com/podcast/react-round-up--6102072/support.

27 Maalis 20241h 1min

Kaikki yhdessä sovelluksessa

Kuuntele kaikki suosikkipodcastisi ja -äänikirjasi yhdessä paikassa.

Sinulle valikoitua sisältöä

Podme-sovelluksessa kokoat suosikkisi helposti omaan kirjastoosi. Saat meiltä myös kuuntelusuosituksia!

Jatka kuuntelua koska tahansa

Voit jatkaa siitä mihin jäit, myös offline-tilassa.

Premium

9,99 €/kk

Kaikki premium-podcastit
Ei mainoksia
Ei sitoutumista, peruuta koska tahansa

Aloita 14 päivän kokeilu

Premium

13,99 €/kk

Kaikki premium-podcastit
Ei mainoksia
Ei sitoutumista, peruuta koska tahansa
Yksi lisäkäyttäjä

Kokeile 14 päivää maksutta

Suosittua kategoriassa Liike-elämä ja talous

Tarinat ja äänet, joita rakastat kuunnella

Kuuntele kaikki suosikkipodcastisi ja -äänikirjasi

Lue lisää