Frontend

WatchTube utilizes the React and Redux frameworks as a single-page application.

npm

Node package manager (npm) is used to install the frontend dependencies.

Webpack

Webpack conveniently bundles all of the frontend components. The bundled file can be located in /app/assets/javascripts and is also included in the main application.js file.

React & Flux

The front end frontend directory contains all the React components, action creators, API utilities, dispatcher, and stores are located in the directory.

jQuery

AJAX requests with the Rails server are done using jQuery.

Dependencies

Other frontend dependencies are:

• React DOM
• React Router
• React History to manipulate browser history
• Babel to transpile JSX into JavaScript.
• React Dropzone to accept images and videos from users
• Superagent to transfer the uploaded image/video