Solidus UI: An Exploration Into UI Toolkits
summary
Argues a reusable UI toolkit for Solidus can cut duplicated work by sharing components and logic, demonstrates a working Vue cart package that swaps the cart link for a live sidebar cart backed by the Solidus SDK, and shows it fetches via REST while remaining compatible with GraphQL frontends. Composability (slots/render props), lifecycle events, styling options (bring‑your‑own, CSS variables, defaults), and packaging tradeoffs (monorepo vs many packages) determine adoption and whether the approach actually scales.
AI-written summary · about
chapters (12)
- 0:00Introduction
- 4:17Toolkit
- 5:03How is this relevant to Solidus
- 7:36What is the goal
- 11:56Which technologies would we use
- 12:25opinionated vs un opinionated
- 16:48star wipe
- 17:07view example
- 18:21view component
- 26:46rest api vs graphql api
- 27:56package organization
- 30:45pro tips
related talks
21mShared Components Beyond the Design System
28mLet's talk about design systems
30mReusability: Sharing Components
01h 03mEvolving compositional user interfaces
35mDesign system - From a Developer Point-of-View
28mFrom Sketch to Code Designing a Component Kit
28mLightning Talks
44mRethinking Isomorphic JavaScript with SolidStart