Download as PDF, PPTX
Uploaded byMuthuKumaran Singaravelu
WEB DEVELOPMENT USING REACT JS
This document provides an introduction and overview of Reactjs including: 1. Reactjs core concepts including components, virtual DOM, and JSX 2. React components are self-contained reusable blocks and many companies have open sourced React component libraries 3. The React lifecycle methods for components including initialization, update, and destruction
More Related Content
![[Final] ReactJS presentation](https://cdn.slidesharecdn.com/ss_thumbnails/65cfd4f9-740f-4f41-b769-b496b6e60802-170119143904-thumbnail.jpg?width=600ounds&width=560&fit=bounds)
Similar to WEB DEVELOPMENT USING REACT JS
WEB DEVELOPMENT USING REACT JS
- 2. Plan What is Reactjs? ReactJscore concepts Let's Code Application Benefits Front And Back End Programming Testing Database Question Session
- 3. HELLO !!! I'mMuthukumaranSingaravelu WHOAMI? Programming Lover Someonetry to learn new thing everyday
- 4. I'm Web Developer Iwant to create web page :)
- 5. How is thatpossible?
- 6.
- 7.
- 8. Short Summary A Facebook& Instagram Collaboration Initial release from 2013
- 9. A Library forcreating User Interfaces
- 10. React is nota Framework
- 11. Who are usingReactjs?
- 13.
- 14.
- 15. SEO Friendly Coding isSimpler because of JSX Big minds are backing ReactJs
- 16.
- 17.
- 18.
- 19. Reactjs core concepts ::Component
- 20. React Components Self-contained reusablebuilding blocks of web application
- 21. React Components Printerest opensourced its full React component UI Library reusable
- 22. React Components Office UIFabric reusable Fabric React is a collection of robust React-based components designed to make it simple for you to create consistent web experiences using the Office Design Language
- 23. Who uses UIFabric?
- 24.
- 25.
- 26. React is aboutcomponents...
- 27.
- 28. React core concepts ::Virtual DOM
- 29. React Virtual DOM? Keeptrack of state in DOM is hard! It'll be so easier to render
- 30.
- 31.
- 32. Use different algorithmwith the browser DOM tree to identify the changes Instead of creating new object, Reactjs just identify what change is took place and once identify update that state
- 33. React Virtual DOM Re-renderingprocess?
- 34. Build new virtualDOM subtree Diff. with the old one Compute the minimul set of DOM mutuation Batch execute all update
- 35.
- 36. React JSX React componentsare written in JSX A JavaScript extension syntax allowing easy quoting of HTML and using HTML tag syntax to render components
- 37. React core concepts ::state & props !!!
- 38.
- 39.