Designing Components for Fun, Profit and Sanity

Explore component design strategies for web applications in this JSConf.Asia 2019 conference talk. Learn how to create modular, maintainable, and scalable components for large-scale projects. Discover techniques for implementing the Single Responsibility Principle, composable design, and atomic design patterns. Gain insights into building reusable components, addressing soft imaginary problems, and establishing coding guidelines. Examine practical examples, including the creation of text and pitch components, and understand the importance of data-driven approaches in component development. Acquire valuable tips on component definition, demonstration, and the use of optional props to enhance flexibility and usability in your web applications.

Introduction
What is Carousel
Electrical Engineering
Web Platform
Components
Data Structure Algorithm
Single Responsibility Principle
Composable
Atomic Design
Select
Reusable Components
Soft Imaginary Problems
Coding Guideline
Pitch
Text Component
Component Library
Pitch Component
Dont make it awkward
Sleep a Component
DataDriven Apps
Different Models
Data Adapters
Component Definition
Component Demonstration
Props are optional
Dont shy about having to placate code
Conclusion