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

الحلقات

  1. ٦ أبريل

    Detail views: inline, pages, modals or side panels? 🤔

    The conversation delves into the challenges of displaying entity information in UI development, exploring options such as inline display, full page navigation, modals, and side panels. It highlights the trade-offs and complexities of each approach, emphasizing the importance of context and user experience. The discussion ultimately focuses on the decision-making process between using modals and side panels for UI display, highlighting the nuanced nature of this area of UI development. Takeaways UI Entity Information DisplayModal vs Side Panel for UI Display Chapters 00:00 Displaying Entity Information in UI Development10:36 Challenges of Side Panels in UI Development18:06 Choosing Between Modals and Side Panels

    ١٦ د

  2. ٣٠ مارس

    Tooltips for truncated text

    The conversation delves into the use of conditional tooltips and the challenges associated with truncation in user interfaces. It explores the need for custom tooltip abstractions, the drawbacks of truncation, and the optimization of tooltip display to enhance user experience.

    ٨ د

  3. ٩ مارس

    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

    ١٤ د

  4. ٢ مارس

    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

    ٣ د

  5. ٢٣ فبراير

    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

    ١٢ د

  6. ١٦ فبراير

    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

    ٨ د

  7. ٩ فبراير

    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

    ٢٠ د

  8. ٢ فبراير

    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

    ١٩ د

  9. ٢٦ يناير

    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

    ٨ د

  10. ١٩ يناير

    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

    ١٣ د

  11. ١٧ يناير

    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

    ١٨ د
  • ١١ حلقة

حول

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

المعلومات

  • صناع العمل
    Alex Reardon
  • سنوات النشاط
    ٢٠٢٦
  • الحلقات
    ١١
  • التقييم
    ملائم
  • حقوق النشر
    © 2025 Alex Reardon
  • موقع البرنامج على الويب
    Frontend Engineering Bushwalk