ReactJS Introduction - Stanford University
ReactJS Introduction
Mendel Rosenblum
CS142 Lecture Notes - ReactJS
ReactJS
JavaScript framework for writing the web applications
Like AngularJS - Snappy response from running in browser Less opinionated: only specifies rendering view and handling user interactions
Uses Model-View-Controller pattern
View constructed from Components using pattern Optional, but commonly used HTML templating
Minimal server-side support dictated Focus on supporting for programming in the large and single page applications
Modules, reusable components, testing, etc.
CS142 Lecture Notes - ReactJS
ReactJS Web Application Page
CS142 Example
ReactJS applications come as a JavaScript blob that will use the DOM interface to write the view into the div.
CS142 Lecture Notes - ReactJS
ReactJS tool chain
React Components Component #1 Babel
Component #2 Babel
...
Component #N Babel
Webpack
React.js
Output Bundle.js
Babel - Transpile language features (e.g. ECMAScript, JSX) to basic JavaScript Webpack - Bundle modules and resources (CSS, images) Output loadable with single script tag in any browser
CS142 Lecture Notes - ReactJS
reactApp.js - Render element into browser DOM
import React from 'react'; import ReactDOM from 'react-dom';
ES6 Modules - Bring in React and web app React components.
import ReactAppView from './components/ReactAppView';
let viewTree = React.createElement(ReactAppView, null); let where = document.getElementById('reactapp');
ReactDOM.render(viewTree, where);
Renders the tree of React elements (single component named ReactAppView) into the browser's DOM at the div with id=reactapp.
CS142 Lecture Notes - ReactJS
................
................
In order to avoid copyright disputes, this page is only a partial summary.
To fulfill the demand for quickly locating and searching documents.
It is intelligent file search solution for home and business.
Related download
Related searches
- stanford university philosophy department
- stanford university plato
- stanford university encyclopedia of philosophy
- stanford university philosophy encyclopedia
- stanford university philosophy
- stanford university ein number
- stanford university master computer science
- stanford university graduate programs
- stanford university computer science ms
- stanford university phd programs
- stanford university phd in education
- stanford university online doctoral programs