React (web framework)

ReactReact.jsReact (JavaScript library)JSXReactJSReact NativeFacebook ReactJSX (JavaScript)React.
React (also known as React.js or ReactJS) is a JavaScript library for building user interfaces.wikipedia
117 Related Articles

Single-page application

single page applicationsingle-page web applicationsingle-page applications
React can be used as a base in the development of single-page or mobile applications, as it is optimal for fetching rapidly changing data that needs to be recorded.

Redux (JavaScript library)

Redux
However, fetching data is only the beginning of what happens on a web page, which is why complex React applications usually require the use of additional libraries for state management, routing, and interaction with an API: Redux, React Router and axios are examples of such libraries.
It is most commonly used with libraries such as React or Angular for building user interfaces.

State management

However, fetching data is only the beginning of what happens on a web page, which is why complex React applications usually require the use of additional libraries for state management, routing, and interaction with an API: Redux, React Router and axios are examples of such libraries.
The Angular framework includes its own library using Observables called rxjs and Redux is a general-purpose state management library that can be used with any of the above frameworks or other view libraries, but is very commonly used with the React library.

Babel (compiler)

BabelBabel.js
Code written in JSX requires conversion with a tool such as Babel before it can be understood by web browsers.
Non-standard JavaScript syntax such as JSX can also be transformed.

XHP

JSX is similar to another extension syntax created by Facebook for PHP called XHP.
Facebook have also developed a similar augmentation for JavaScript, namely JSX.

XML

Extensible Markup LanguageXML documentXML parser
JSX, or JavaScript XML, is an extension to the JavaScript language syntax.
Facebook has produced extensions to the PHP and JavaScript languages that add XML to the core syntax in a similar fashion to E4X, namely XHP and JSX respectively.

React Native

React Native, which enables native Android, iOS, and UWP development with React, was announced at Facebook's React Conf in February 2015 and open-sourced in March 2015.
It is used to develop applications for Android, iOS, Web and UWP by enabling developers to use React along with native platform capabilities.

AngularJS

Angular.jsAngularAngular JS
To support React's concept of unidirectional data flow (which might be contrasted with AngularJS's bidirectional flow), the Flux architecture represents an alternative to the popular model-view-controller architecture.

React Fiber

On April 18, 2017, Facebook announced React Fiber, a new core algorithm of React library for building user interfaces.
React Fiber is a set of internal algorithms for rendering graphics used by the JavaScript library React, as opposed to its old rendering algorithm, Stack.

Ember.js

EmberJSEmberEmber CLI
Glimmer adopts a value-diffing strategy, using a virtual tree of the dynamic areas of the document object model (DOM), similar to React.

Vue.js

Vue
Vue users can use template syntax or choose to directly write render functions using JSX.

JavaScript library

JavaScript librariesJavaScript FrameworkJavaScript frameworks
React (also known as React.js or ReactJS) is a JavaScript library for building user interfaces.

Facebook

Facebook LiveFacebook.comFacebook, Inc.
It is maintained by Facebook and a community of individual developers and companies.

Application programming interface

APIAPIsapplication programming interfaces
However, fetching data is only the beginning of what happens on a web page, which is why complex React applications usually require the use of additional libraries for state management, routing, and interaction with an API: Redux, React Router and axios are examples of such libraries.

Document Object Model

DOMDocument Object Model (DOM)DOM tree
Components can be rendered to a particular element in the DOM using the React DOM library.

ECMAScript

ES6ECMA-262ECMAScript 6
Class-based components are declared using ES6 classes.

In-memory processing

in-memory computingin-memoryin-memory processes
React creates an in-memory data-structure cache, computes the resulting differences, and then updates the browser's displayed DOM efficiently.

Hooking

hookshookhooked
Lifecycle methods are hooks that allow execution of code at set points during a component's lifetime.

PHP

PHP5PDOPHP programming language
JSX is similar to another extension syntax created by Facebook for PHP called XHP.

Expression (computer science)

expressionexpressionsevaluation environment
JavaScript expressions (but not statements) can be used inside JSX with curly brackets :

Statement (computer science)

statementstatementscompound statement
JavaScript expressions (but not statements) can be used inside JSX with curly brackets :

Conditional (computer programming)

conditionalif-then-elseconditional statement
If–else statements cannot be used inside JSX but conditional expressions can be used instead.