React UI Development: Introduction to "UI Component as API"
-
Upload
itaru-kitagawa -
Category
Software
-
view
600 -
download
0
Transcript of React UI Development: Introduction to "UI Component as API"
Who am I ?• Itaru Kitagawa (twitter: @kita_ly)
• Web Front/Back-end Developer
• Scala/Play
• SPA with Angular/React
• Recently obsessed with
• SPA
• Nand2Tetris
• Work @ Bizreach Inc.
• www.hrmos.co
Today’s Talk is a short version of …
http://qiita.com/kitaly/items/85254fd346e2e575582b
What makes it so hard?
• Team members with different skills
• Back-End Engineer (Java, Ruby, PHP, etc.)
• Front-End Engineer (JavaScript)
• Markup Coder (HTML, CSS, etc.)
What makes it so hard?
• Poorly designed workflow
• Poorly designed architecture
• Lack of layering corresponding to different skills of developers
“UI Component as API”• React and its surrounding libraries/tools enabled
this concept
• These names may make better sense
• Functional UI Component
• UI Component as Pure Function
• UI Component as Converter
Storyshots: Testing tool for Virtual DOM
Structural Testing
https://github.com/kadirahq/storyshots
The team should be able to develop different components
independently
Implement
Testing Documentation
Conclusion
• Layering is keen for complex applications
• React and its ecosystem empowers such development
• Needs at least one person who’s good at Programming & Markup
You can find sample code here
https://github.com/k-italy/react-storybook-demo-plus