Code
Breaker
IMRAN
HAMAD
AROOMA
FAHAD
Prepare for your exams
Study with the several resources on Docsity
Earn points to download
Earn points by helping other students or get them with a premium plan
Guidelines and tips
Prepare for your exams
Study with the several resources on Docsity
Earn points to download
Earn points by helping other students or get them with a premium plan
React JS Presentation, Slides of Computer Science
It is an open-source JavaScript library for building rich front end user interfaces. Created by Facebook community. This is why, It is popularly known as Facebook React JS. It is maintained by the likes of Instagram, Facebook and community developers that are interested in the library. It can also be known as the “V” in the MVC.
Typology: Slides
2018/2019
1 / 27
This page cannot be seen from the preview
Don't miss anything!
Related documents
Partial preview of the text
Download React JS Presentation and more Slides Computer Science in PDF only on Docsity!
Code
Breaker
IMRAN
AROOMA HAMAD
FAHAD
REACT JS
A JavaScript Library for Building User Interfaces
BY FACEBOOK
(^) It is an open-source JavaScript library for building rich front end user interfaces. (^) Created by Facebook community.This is why, It is popularly known as Facebook React JS. (^) It is maintained by the likes of Instagram, Facebook and community developers that are interested in the library. (^) It can also be known as the “V” in the MVC.
INTRODUCTIO N
2012 React was first deployed on Facebook's newsfeed (^) Later on instagram It was open-sourced at JSConf US. React Native, which enables native android and IOS was announced at Facebook's React.js Conference.
HISTORY OF REACT JS JORDAN WALKE
React 360 V1.0.0 was released to the public. This allowed developers with experience using react to jump into VR development
Feb 2015
2011 2013 April 2017
CC
U^ U^ JJ
V^ V
FOUR CORE COMPONENTT Virtual DOM Virtual DOM is a node tree that lists elements and their attributes and content as objects and properties.
Unidirectional Data flow Flux, is an architecture to manage the flow of data
JSX JSX is a preprocessor step that adds XML syntax to JavaScript.
Component Components let you separate the UI into individual, reusable pieces.
Content (^) Virtual DOMVirtual DOM Footer
Header
Header^ Header ReactJS^ ReactJS JSXJSX React.JSReact.JS Footer^ Footer React detect these changes
Mounting
Error Handling
LIFE CYCLE OF COMPONENT
Updating JSXJSX Un-mounting
Brainstorming
Development Research
Launch
BROWSER SUPPORT
Operating System Support
AtomAtom Vim^ Vim^ storm stormWebWeb
Sublime^ Sublime^ ReactReact ide ide Deco^ Deco IDE IDE
Nuclide^ Nuclide
Code^ CodeVS^ VS
REACT EDITORS REACT IDE
DEVELOPMENT
TOOLS
Technology Angular JS React JS
Author Type GoogleFully featured MVC Facebook Packaging^ frameworkWeak Open source JS libraryStrong App Architecture Rendering MVCClient Side None, FluxServer Side DOM Data Binding Regular DOMBi-directional (^) UnidirectionalVirtual DOM
REACT JS VS ANGULAR JS
PERCENTAGE OF USERS WHO WOULD USE FRAMEWORK