Frontend Engineering Bushwalk

Alex Reardon

Come relax and nerd out with me as I go for a bushwalk and talk through my learnings, ideas, and challenges in frontend engineering

Episodes

  1. 2 DAYS AGO

    Cheap realtime experiences with Supabase and Next.js

    The conversation explores the challenges and solutions related to live data updates in applications. It delves into the complexities of consolidating data paths and optimizing data fetching, highlighting the use of SuperBase and real-time libraries to handle data changes effectively. The approach emphasizes keeping the client light while leveraging server-side logic for a snappy user experience. Takeaways Live data updatesConsolidating data paths Chapters 00:00 Initial Rendered Experience09:21 Using SuperBase and Real-Time Library14:22 Optimizing Data Fetching

    14 min

  2. 2 MAR

    AI and personal boundaries

    The conversation explores the impact of AI tools on productivity and the challenges of setting boundaries in the context of emerging AI technology. It delves into the addictive nature of AI tools and the struggle to maintain intentional boundaries in work and personal life. Takeaways Productivity with AI toolsStruggling with setting boundaries Chapters 00:00 Productivity with AI Tools

    3 min

  3. 23 FEB

    Dabbling with AI

    The conversation explores the use of AI in application development, debugging, learning, and productivity. It highlights the impact of AI on problem-solving, understanding, and accelerating workflow. The speaker shares experiences of using AI as a productivity tool and its positive impact on learning and understanding. Takeaways AI as a productivity toolAI's impact on learning and understanding

    12 min

  4. 16 FEB

    Auto dismiss

    The conversation explores the concept of auto dismissal of UI elements, discussing its benefits and drawbacks. It delves into the idea of activity logs and undo actions, the handling of auto dismissal behavior, and the use of visual cues for auto dismissal. Takeaways include the importance of providing visual cues for auto dismissal and the consideration of activity logs for undo actions. Takeaways Auto Dismissal of UIVisual Cues for Auto Dismissal

    8 min

  5. 9 FEB

    Sidebar resizing

    The conversation covers the topic of sidebar resizing behavior, visual indications for resizing, and primary and secondary actions in drag and drop. It explores the discoverability of resizing, hitbox and interaction considerations, and the impact of resizing on layout. Additionally, it discusses interaction patterns for sidebar behavior and the user experience associated with different interaction patterns. Takeaways Sidebar resizing behaviorVisual indications for resizingPrimary and secondary actions in drag and drop

    20 min

  6. 2 FEB

    Dynamic styles in Tailwind

    The conversation covers an in-depth exploration of dynamic styles in Tailwind CSS, discussing the use of utility classes, string concatenation, data selectors, and the limitations of dynamic styling. It also delves into the potential future solutions for dynamic styles in Tailwind CSS. Takeaways Tailwind CSS uses utility classes for stylingDynamic styles in Tailwind CSS can be achieved through string concatenation or data selectors Chapters 00:00 Future Solutions for Dynamic Styles in Tailwind CSS

    19 min

  7. 26 JAN

    Side projects

    Alex Reardon discusses the joy of side projects, their impact on skill development, and the sense of control and liberation they provide. He shares his experience with a spending tracker app and the motivation behind working on side projects. Takeaways Side projects provide joy and fulfillment through the act of creation.Side projects accelerate skill development and provide a sense of control and liberation. Chapters 00:00 The Joy of Side Projects08:47 Control and Liberation in Side Projects

    8 min

  8. 19 JAN

    Using cookies for UI state

    The conversation explores the use of cookies for persistent UI state, covering various options for storing UI state, the challenges of using different storage mechanisms, and the advantages and drawbacks of using cookies for UI preferences. Takeaways Persistent UI state can be stored using various mechanisms such as local storage, session storage, local DB, and the URL.Using cookies for persistent UI state offers advantages such as per-device settings, last-write-wins behavior, and flexibility, but has limitations such as data size restrictions and potential performance impact.The use of cookies for UI preferences presents trade-offs, including the challenge of managing user expectations and system preferences. Chapters 00:00 Storing UI State08:36 Using Cookies for Persistent UI State

    13 min

  9. 17 JAN

    Layering with popovers

    The conversation explores the challenges and solutions related to layering in the browser, the difficulties in positioning layering components, and the benefits of using the Popover API for managing layering components effectively. Takeaways Layering in the browserChallenges with positioning layering componentsBenefits of using the Popover API

    18 min
  • 9 Episodes

Ratings & Reviews

5
out of 5
2 Ratings

About

Come relax and nerd out with me as I go for a bushwalk and talk through my learnings, ideas, and challenges in frontend engineering

Information