Introductory talk on React components, what they are and how to create them.
Intro to React ComponentsArun Michael Dsouza @amdsouza92 React Delhi/NCR
View Slide
HeaderSidebarSliderNews News
Image source: www.hawaii.edu
PropsReactelement
React elementDOM element
JSXbit.ly/2ttPzcV
Functional components
Class components
Props are read-only!
All React components must act likepure functions with respect to their props.bit.ly/2ywNi6n
Use state to update a component.
Dumb/stateless components
Smart/statefull components
• Abstracting complexity• Maintainability• Reusability• Ease of testing
• https://reactjs.org/docs/components-and-props.html• https://www.youtube.com/watch?v=0BHoz0ptv7k• https://reactjs.org/docs/thinking-in-react.htmlQuick links
Thank you!React Delhi/NCRArun Michael Dsouza @amdsouza92