Downloaded 38 times
Uploaded byLohith Goudagere Nagaraj
Introduction to React JS
This document introduces React JS, a JavaScript library for building user interfaces. It discusses that React uses a virtual DOM for efficient updates, implements one-way reactive data flow, and uses composable components. Key aspects of React covered include JSX syntax, the component lifecycle, managing component state, and thinking in React by breaking down requirements into UI components.
More Related Content
Similar to Introduction to React JS
More from Lohith Goudagere Nagaraj
Introduction to React JS
- 1. Introduction to ReactJS Lohith G N
- 2. About Me Technical Evangelist MicrosoftMVP (ASP.NET/IIS) lohith.nagaraj@telerik.com @kashyapa http://www.kashyapas.com http://www.telerikhelper.net Lohith G N http://www.telerik.com
- 3.
- 4. React A JavaScript libraryfor building User Interfaces Developed by Facebook/Instagram
- 5. Just the UI Vin MV* frameworks
- 6. Virtual DOM • InternalMOCK DOM • Performs Diffs • Computes Efficient DOM Mutation
- 7. Data Flow One wayreactive data flow
- 8.
- 9. Simple • Express howyour app should look • React automatically manages UI updates • UI update only when underlying data changes
- 10. Declarative • When DataChanges, React updates the changed parts
- 11. Composable Components • Youbuild components • Reusable Components • Code reuse, testing, Separation of concerns
- 12.
- 13. JSX – Markupin JavaScript
- 14. Component Life Cycle •Mounting • Inserted into DOM • componentWillMount(), componentDidMount() • Updating • Re-Rendered • Unmounting • Removed from DOM • componentWillUnmount()
- 15. Component State • Componentsare State Machines to REACT • Update Component State, render new UI Based on new State • getInitialState() • Defines initial state • setState • Set new state
- 16.
- 17.
- 18.
- 19.