Isolated React Components as a Black Box with Automated UI Testing
summary
Describes isolating reusable React features into npm-packaged black-box components that encapsulate their own Redux store, actions and logic so the same feature can be reused across Housing.com’s desktop and mobile sites. Covers when to make a component an isolated feature versus when not to, and using React Storybook to build and test those components in isolation.
AI-written summary · about
chapters (7)
- 0:00Start
- 1:27Components being reused
- 1:38Dependency of components
- 1:51Isolate components as a black box
- 2:26Business Use Case ?
- 6:14Use it as a dependency
- 9:12Maintenance ?
related talks
23mBest Practices for reusable UI components
07mReact components, atomic design and storybook
27mUp and Running with Universal Components
38mWriting highly reusable React components
26mOn the way to making the React components more reusable
14mTestable React Components
38mReact-Storybook: Design, Develop, Document and Debug your React UI components
43mBuilding a component based library with React