Building Reusable Components...That Are Actually Reusable

preview_player
Показать описание
Modern UIs are often composed of reusable components written in React, Vue, Angular, whatever. In these modern technologies, creating a component is easy. However, creating a truly reusable component is hard. This talk explores the tradeoffs inherent in reusable component design, and discusses the questions to ask along the way. The examples presented use React, but the concepts presented apply to anyone building reusable components. After this session, you'll understand the key considerations required to create UI components that are truly reusable.

Recorded at Codemash 2022

  1. Cory House
  2. Software
  3. web development
  4. React
  5. JavaScript
Рекомендации по теме
Creating Reusable Components…That 0:27:41

Creating Reusable Components…That Are Actually Reusable - Cory House - React Rally 2023

Building Reusable Components...That 0:56:05

Building Reusable Components...That Are Actually Reusable

How To Build 0:04:34

How To Build Reusable Components

Build a Reusable 0:19:08

Build a Reusable Component in React (Shadcn/ui, Tailwind)

Building a Reusable 0:15:00

Building a Reusable Component that Animates on Scroll

Reusable Component in 0:08:16

Reusable Component in React - Is It Really Shareable?

Create Clean and 0:21:54

Create Clean and Reusable React Components

Lessons Learned Building 0:22:57

Lessons Learned Building a Reusable Component Library by Michael Thiessen

Build Web Apps 0:05:21

Build Web Apps in Minutes with AI: Bolt.new in Action!

Full React Tutorial 0:02:57

Full React Tutorial #12 - Reusing Components

Strategies for Writing 0:29:28

Strategies for Writing Reusable Components - Michael Thiessen

Build a React 0:43:22

Build a React Storybook UI Kit - 5. Reusable Components

Building REUSABLE SwiftUI 0:38:53

Building REUSABLE SwiftUI components - Peter Friese | Swift Heroes 2023 Talk

Figma tutorial: Build 0:07:24

Figma tutorial: Build reusable components [3 of 8]

How to build 0:14:39

How to build the PERFECT and REUSABLE React component using TAILWIND?

Build a Reusable 0:00:51

Build a Reusable UI Component in React

ConnectTech2021 - Cory 0:45:40

ConnectTech2021 - Cory House Building Reusable Components ... That Are Actually Reusable

Connect Tech 2023 0:48:23

Connect Tech 2023 Creating Reusable Components…That Are Actually Reusable Cory House

07 Reusable Components 0:34:09

07 Reusable Components

Vercel's VP of 0:29:13

Vercel's VP of Product on how to use v0 to build your own ideas (Step-by-Step Guide)

Writing reusable UI 0:29:13

Writing reusable UI components - Yakir Narkis

Figma one-minute crash 0:00:50

Figma one-minute crash course: reusable components

Building Reusable UI 0:01:09

Building Reusable UI Components With React Hooks

React Tip #3 0:00:38

React Tip #3 - Reusable Components

Комментарии
Автор

I like how near the end you got so excited about documentation that you knocked the mic off. Amazing talk. Grouping components together, not all at the root - man, I wish more folks would think this way. I hope this talk is a walk towards inspiring that. Looking forward to more!

xggbrnr
Автор

Excellent video Cory!

Definitely helped clear up some confusion about creating Reusuable component. Also hyped to start using React Docgen & Storybook — keep up the great work! :)

Icodestuff
Автор

I was waiting for this talk to hit the web. I saw it at connect tech live and been telling my team about it. Now I can show them this

simplymincy