Coding Blocks avatar

Dexa/Coding Blocks

Learn more
Published Apr 15, 2019

Should your web app be a progressive web app (PWA)?

Dive into the transformative potential of Progressive Web Apps (PWAs) as the hosts examine their integral components and benefits compared to native apps. Explore the synergy between PWAs and Web Assembly, responsive design, and non-blocking interfaces to enhance modern web development.
Episode Highlights
Coding Blocks logo

Topics covered

Popular Clips

Episode Highlights

  • Web Assembly

    Web Assembly is transforming web development by enabling applications to run closer to bare metal, offering a seamless integration with Progressive Web Apps (PWAs). highlights the versatility of Web Assembly, noting its capability to support various platforms, including PWAs and full-blown video games 1. adds that Web Assembly and Blazor present strong alternatives to traditional web technologies, potentially working in harmony rather than competition 1.

    PWAs are a great choice, but Web Assembly and Blazor offer really strong competition, maybe not even competition, but they work together.

    ---

    This synergy allows developers to leverage the strengths of both technologies, enhancing the performance and reach of web applications.

       

    Responsive Design

    Responsive web design is crucial for the effectiveness of PWAs, ensuring that applications adapt seamlessly across devices. emphasizes the role of frameworks like Bootstrap and Material Design in achieving responsive layouts, despite some criticisms of uniformity 2. shares his experience with running a basic React app through Lighthouse, highlighting the importance of setting viewports and ensuring content availability even when JavaScript is disabled 3.

    There are things out there to make this a lot easier on you if you're trying to do that right.

    ---

    These tools and practices are essential for creating PWAs that provide a consistent user experience.

       

    Non-blocking UI

    Creating fast, non-blocking interfaces is key to the success of PWAs, allowing for smooth user interactions. explains the importance of non-blocking web sockets and service workers, which enable background processes without locking the UI 4. He also discusses the significance of fast page loads on mobile networks, with specific benchmarks for time to interactive on simulated 3G networks 5.

    Page load is fast on mobile networks. It needs to be under 10 seconds until for your time to interactive on a simulated 3G network.

    ---

    These techniques ensure that PWAs remain responsive and efficient, even under challenging network conditions.

Related Episodes