Design with components

How we used to do things

Co-location: React

Co-location: CSS in JS

Co-location: State

// Good handle to control from the get-go
const reusable = useSomething();
// Later add water to reusable// I do whatever reusable tells me
<Something reusable={reusable}/>
Hooks for reuse

Developer Tooling: TypeScript

Parent controlled layouts

Great for both designers and developers

--

--

--

That TypeScript Guy https://youtube.com/basaratali http://twitter.com/basarat https://github.com/basarat #DefinitelyTyped, #PicnicSoftware

Love podcasts or audiobooks? Learn on the go with our new app.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
BASARAT

BASARAT

That TypeScript Guy https://youtube.com/basaratali http://twitter.com/basarat https://github.com/basarat #DefinitelyTyped, #PicnicSoftware

More from Medium

Why you need a design system(part 3)

Web app rendering 101

Front End Accessibility in 3 minutes

Lift UX with Progressively Decoupled Drupal & React