React:

A Front-End

Framework

Objectives

  • Define front-end frameworks

  • Describe React at a high level

Front-End Frameworks

  • JavaScript libraries that handle DOM manipulation

  • Handles navigations (HTML5 push state)

  • State management

Front-End Framework

GET /

index.html

GET /bundle.js

bundle.js (includes JS for framework)

Framework is in control of the DOM

Node.js

React

React

  •  Release by Facebook in 2013

  • A view library that uses composable components

  • Other libraries are commonly used with React

Redux

React Router

Composable Components

LIVE

CODE

React: A Front-End Framework

By Elie Schoppik

React: A Front-End Framework

  • 2,626