title: React Redux JSON from Google Spreadsheet
body: <p>Creating a web page for our ski lodge, we are renting it out to people. I have a Google spreadsheet with pricing, dates and wether it is available for rent that specific date.</p>
  
  <p>My previous page was written in AngularJS with TabletopJS fetching the data from the spreadsheet, but I thought it would be a good experience writing it in React and Redux without TabletopJS. </p>
  
  <p>How would I go about fetching data from the JSON that the Google spreadsheet spits out? I have looked at the Redux tutorial of async actions, but I find it hard to implement with my own code.</p>
  
  <p>Do you guys have any tips on how I should do this?</p>
  
  <p>EDIT: Here is my angularjs code:
  <strong>tabletop-config.js</strong></p>
  
  <pre><code>'use strict';
  
  angular
    .module('myApp')
    .config(tableTopConfig);
  
  function tableTopConfig (TabletopProvider) {
    TabletopProvider.setTabletopOptions({
      key: 'https://docs.google.com/spreadsheets/d/1GJHfKQy24BFKNkYVjCfFtar1OCd4vJ8_TvFRheMKH90/pubhtml',
      simpleSheet: true
    });
  }    
  </code></pre>
  
  <p><strong>bookingController.js</strong></p>
  
  <pre><code>(function () {
    'use strict';
  
    angular
      .module('myApp')
      .controller('bookingController', bookingController);
  
    function bookingController($scope, Tabletop) {
      var vm = this;
      Tabletop.then(function(ttdata) {
        vm.data = ttdata[0];
      });
    }
  
  })();
  </code></pre>