104 episodes

A podcast about modern UI development on the web. Hosted by Sam Selikoff and Ryan Toronto.

Frontend First Sam Selikoff, Ryan Toronto

    • Technology
    • 5.0, 14 Ratings

A podcast about modern UI development on the web. Hosted by Sam Selikoff and Ryan Toronto.

    Tech debt vs. platform risk

    Tech debt vs. platform risk

    Sam and Ryan talk about adding an authenticated backend to miragejs.com using Hasura, Heroku and Netlify. They also talk about the differences in risk between using paid third-party services vs. depending on open-source libraries.
    Topics include:
    - 3:47 – Adding a backend to miragejs.com
    - 13:03 – Environment variables in frontend apps
    - 20:48 – Adding privileges to the anonymous role
    - 28:00 – Should Hasura let you configure permissions for unauthenticated requests?
    - 31:36 – Setting up a webhook using Netlify cloud function
    - 37:19 – Risk profile of paid services vs. OSS libraries
    - Hasura
    - URQL
    - Netlify Functions

    • 1 hr 7 min
    Safety and idempotence

    Safety and idempotence

    Sam and Ryan talk – again – about the best way to write side effects in React applications. Ryan shares his approach based on his recent work in several React apps, and talks about the pitfalls of using useEffect's dependency array as a mechanism for control flow. Sam also talks about his recent video on React Router and why it's important to use the entire route hierarchy when determining whether a link is active.
    Topics include:
    - 0:00 – Processes, workflow and deadlines
    - 12:00 – How should you think of useEffect's dependency array
    - 38:00 – Routing in React Router v6
    - Sam's YouTube video on React Router v6

    • 1 hr 6 min
    Drew Powers on How Pika's Making the Web Faster

    Drew Powers on How Pika's Making the Web Faster

    Drew Powers, one of two full-time engineers working at Pika, joins Sam to talk about Pika's mission to make the web faster. Drew talks about how Pika is focused on building tools that meet developers where they're at, his work on Snowpack, and the company's vision for Pika CDN.
    Topics include:
    0:00 – What do you do at Pika?
    4:54 – What is Pika's mission and where is it coming from?
    10:45 – What does speed mean from Pika's perspective?
    13:50 – What are some ideas for Pika's sustainability model?
    17:20 – What's going on in Snowpack?
    21:43 – What does it look like to use or migrate to Snowpack today?
    24:50 – How does Snowpack actually work?
    36:44 – How do you deal with dependencies that can't be deduplicated?
    48:14 – Snowpack's React App template
    49:49 – Can you migrate off of Snowpack if you need to fall back to something like Webpack?
    53:09 – How do ES modules affect dependency resolution?
    1:05:50 – What's in your roadmap?
    Drew on Twitter
    Arborist Deep Dive
    ESNEXT Conf
    Pika pack

    • 1 hr 10 min
    Tom Preston-Werner on Architecture Decisions in Redwood JS

    Tom Preston-Werner on Architecture Decisions in Redwood JS

    Tom Preston-Werner joins Sam and Ryan to talk about some of the architecture decisions behind Redwood JS, a recently released full-stack JS framework he's been working on for more than a year. Tom talks about how Redwood's Services provide a first-class layer of abstraction on top of your backend data models for your application's business logic, why Redwood went all-in on GraphQL, and how the framework is poised to take advantage of future improvements coming to serverless infrastructure.
    Topics include:
    - 0:00 – Rails' influence on Redwood
    - 8:00 – How Redwood Services keep your backend code organized
    - 12:04 – The decisions driven by the desire to write React on the frontend
    - 22:57 – Deep dive into Redwood Services
    - 30:58 – Why Redwood uses GraphQL
    - 44:37 – Caches & invalidation
    - 55:52 – Why Cells are more than Hooks
    - 1:07:02 – How databases can make their way into the JAMStack
    - [Redwood JS](https://redwoodjs.com/)
    - [Tom on Twitter](https://twitter.com/mojombo)

    • 1 hr 18 min
    Why the browser is the most complex runtime environment

    Why the browser is the most complex runtime environment

    Sam and Ryan talk about the unique aspects of ES modules that have driven the recent explosion of innovation in the frontend build tooling space, giving rise to tools like Snowpack and Vite. They also chat about their desire for a more integrated frontend ecosystem that would make adding things like auth to frontend apps easier, as well the impressive web-based drawing tool Excalidraw.
    Topics include:
    - 1:16 – ES modules
    - 14:09 – Why do we bundle?
    - 20:47 – Modules are stateful singletons, and the benefits of dependency injection
    - 35:12 – Desire for an integrated JS environment
    - 50:41 – Excalidraw
    - [Sam's video on ES modules](https://youtu.be/5F_k9q9HbAc)
    - [Guillermo Rauch on Static First using Serverless Frontends](https://www.serverlesschats.com/50)
    - [Excalidraw](https://excalidraw.com)

    • 1 hr 2 min
    Read and Discuss: "Second-guessing the modern web"

    Read and Discuss: "Second-guessing the modern web"

    Sam and Ryan read and discuss Tom MacWright's recent article "Second-guessing the modern web," as well as Rich Harris's response "In defense of the modern web." The articles respectively argue against and for the JavaScript-centric approach to building websites that has taken root over the past ten years and debate issues of performance, architectural complexity, and user experience.
    Topics include:
    - 6:30 – "Second-guessing the modern web" by Tom MacWright
    - 52:27 – Dan Abramov's thoughts on Twitter
    - 58:50 – "In defense of the modern web" by Rich Harris
    - ["Second-guessing the modern web" by Tom MacWright](https://macwright.org/2020/05/10/spa-fatigue.html)
    - [Dan Abramov's thoughts on Twitter](https://twitter.com/dan_abramov/status/1259614150386425858)
    - ["In defense of the modern web" by Rich Harris](https://dev.to/richharris/in-defense-of-the-modern-web-2nia)

    • 1 hr 16 min

Customer Reviews

5.0 out of 5
14 Ratings

14 Ratings

atsjj ,

Real World Development Discussion

What I enjoy about this podcast is that Ryan and Sam talk about the pitfalls and successes of not just Ember, but web development in general. Nothing is perfect and as developers, we all encounter rough edges and it’s refreshing to hear their discussions and thoughts.

mswanson1524 ,

One of my goto podcasts

Sam and Ryan do a fantasitc job unpacking the nuances and challenges of building real applications using Ember. I listen to every one of these and look forward to the next.

KirillSha ,

T-Shirt sold out

Awesome podcast episode as usual. Keep it going guys. More guest interviews would be much appreciated as well. Thanks a lot 🙏

Top Podcasts In Technology

Listeners Also Subscribed To