Skip to content

Latest commit

 

History

History
30 lines (17 loc) · 893 Bytes

README.md

File metadata and controls

30 lines (17 loc) · 893 Bytes
Raw

Example React site using OpenFootball data

The website uses Sinatra (Ruby) JSON API from OpenFootball as a backend: https://github.com/sportkit/sport.db.starter.ruby

React part is based on Pete Hunt starter: https://github.com/petehunt/react-webpack-template

Setup

Install the dependencies for both Sinatra and Node apps:

bundle install
npm install

To start application start Sinatra JSON API and React code compilation:

ruby server.rb
npm start

Then just do open index.html to view the page in the browser.

Architecture

React app makes a distinction between Presentational and Container Components

  • Presentational Components - only handle props and are stateless functional components
  • Container Components - handle state, implemented as ES6 class with Block suffix