Rethinking UI building strategies @ SFI '24

Building UI that scales is hard. In this talk, we'll navigate through practical strategies for structuring React components and business logic. Additionally, we'll introduce alternative approaches, pushing the boundaries of modern front-end architecture.

Recording

Soon

Slides

Resources

I'm sharing all of resources I found useful when doing a research for this talk. If you want to extend your knowledge about topics I spoke about, feel free to read them!

Design Systems:

• Apple's Human Interface Guidelines
• Googles's Material Design 3.0
• Adobe Spectrum
• IBM Carbon Design System
• Design System library structure
• Why build design system

Atomic Design

• Brad Frost: Is Atomic Design Dead? – Hatch Conference Berlin 2023
• Component driven

Global Design System for the web

• Brad Frost: A global design system
• Themeable design systems with Brad Frost
• Thoughts on a Global Design System

UI Libraries that try to address a global design system

• Shoelace
• Open-UI project
• RadixUI
• Shadcn

State management libraries

• ZagJS
• XState

UI Architecture

• Modularizing React Apps
• Radix-ui primitives
• State machines

HTML over the wire

• Hotwire vs HTMX
• HTMX examples
• Hyperscript
• Have Single-Page Apps Ruined the Web?