React storybook
0 likes873 views
This document introduces React Native Storybook, which provides a development environment for building React Native user interface components and developing them in isolation. It allows creating different states of components through stories and viewing them live. This helps with collaboration with designers and ensures components work as intended visually. The document explains how to set up React Native Storybook and add stories for components through examples. It emphasizes Storybook allows a tight feedback loop for developing new components.
![24
export default connectComponent(
(state$) => ({
favorites: state$.map('.getIn', ['feed', 'favorites']),
refreshing: state$.map('.getIn', ['feed', 'lastFetched'])
.map(d => d === null)
}),
() => ({
onFavoritePressed: asActionType('FAVORITE_SELECTED'),
onRefresh: asActionType('FETCH_FAVORITES'),
})
)(Feed);](https://image.slidesharecdn.com/reactstorybook-161010203345/85/React-storybook-24-320.jpg)
React storybook
- 2. WHO AM I? Jair Trejo Full-stack developer at Chegg @jairtrejo on Twitter 2
- 4. 4
- 6. 6
- 7. 7 A tight feedback loop for developing new components and new states for those components.
- 8. 8 A clear, convenient place to communicate and collaborate with designers.
- 9. 9 A place where you can visually check that everything works and looks as intended.
- 10. HOW IS IT USEFUL TO ME?
- 12. 12
- 13. 13
- 14. 14
- 15. 15
- 17. 17 linkTo
- 18. 18
- 19. 19
- 20. 20
- 21. 21
- 23. 23
- 26. 26
- 27. 27
- 28. 28
- 29. HOW CAN YOU START USING IT?
- 31. 31
- 34. 34
- 35. 35
- 36. 36
- 37. 37 A tight feedback loop for developing new components and new states for those components. A clear, convenient place to communicate and collaborate with designers. A place where you can visually check that everything works and looks as intended.
- 38. THANK YOU! Let’s stay in touch: @jairtrejo