React and other development tools record

React Native : React's internal project from Facebook, combined with the benefits of Web apps and Native apps, can be developed using JavaScript for IOS and Android native apps. In JavaScript, use React abstract OS native UI components instead of DOM elements to render.

The Native app is a third-party application that is based on a smartphone's local operating system, such as iOS, Android, WP, and runs using native programming, also called a local app.

React website address: https://facebook.github.io/react

Active Web version:polymer, will be replaced later as react.

Polymer: At the 2013 GOOGLEI/O conference, Google released polymer, a class library that builds Web applications using Web Components, and also uses the new HTML5 standard for building reusable components for the web. Polymer provides Polyfills functionality for most Web component technologies, allowing developers to create their own reusable components before all browsers support new features. In addition, polymer provides an example of a series of components, including weather, clocks, stock quotes, and line charts.

Packaging tools: Gulp and Webpack, using NPM to manage dependencies.

Gulp: Gulp.js is an automated build tool that developers can use to automate common tasks during project development. Gulp.js is built on node. JS and leverages the power of the node. JS Stream to build your project quickly.

webpack: Webpack is the most recent fire of a module loader and packaging tools, it can be a variety of resources, such as JS (including JSX), coffee, style (including less/sass), pictures, etc. as a module to use and processing. We can introduce modules directly using require (XXX), even though they may need to be compiled (such as JSX and sass), but we don't need to spend too much time on them, because Webpack has a variety of robust loaders (loader) that are silently handling these things.

npm: NPM (Node Package Manager), commonly called Node Pack manager. As the name implies, its main function is to manage node packages, including: Install, uninstall, update, view, search, publish and so on.

JS ES6: A new generation of JavaScript is also known as ECMAScript 6 (also known as ES6 or Harmony).

jquery: jquery is another excellent JavaScript library following prototype. It is a lightweight JS library that is compatible with CSS3 and is also compatible with a variety of browsers.

There are also keywords: promise, Dispatcher, MVVM, and so on.

Promise : Promise mode for JavaScript asynchronous programming.

Dispatcher: dispatch. (Java simple MVC framework Dispatcher)

MVVM : MVVM is shorthand for Model-view-viewmodel. MVVM is conceptually a pattern that actually separates the page from the data logic, it puts the data binding work into a JS, and the main function of this JS file is to complete the data binding, that is, to bind the model to the elements of the UI.

React and other development tools record