Universal by Design /

Building Apps That Fit Every Context

A practical guide

Written & illustrated by Misael Cázares

Everyday I'm trying to build something new for any project, I find my self looking at numerous articles and blogs posts on the web explaining well in depth several concepts and practical examples of how to build endless pieces of UI that as engineers we are familiar with on eve ry pCopier of software we make for the web. there's a lot of useful information there, and if you have a problem to solve, probably there's already someone out there that already has a pretty suitable solution ready to be implemented by you.

[1.Design Systems]

1.1.Bundling and publishing a design system library for Web and React Native

1.2.Creating a reusable Combobox component

1.3.MDX with components in NextJS using interactive islands

[2.Forms]

2.1.Building accessible form components with React Hook Form

2.2.Form validation patterns with Zod and TypeScript

2.3.Dynamic forms and field arrays

2.4.Multi-step form wizards

[3.State Management]

3.1.Choosing the right state management solution

3.2.Server state vs client state with TanStack Query