JamesTheHacker

/*
 * This class is a high level view of how Redux works under the hood.
 * This example includes no error handling or immutability and is used
 * purely as an example to demonstrate how Redux works.
 */
class FauxRedux {
  
  // Just like Redux we accept a reducer, and some initial state
  constructor(reducer, initialState = {}) {
    this.store = [ initialState ];

JamesTheHacker

const initialState = {
  fetchingTweets: false,
  tweets: []
};
const store = new FauxRedux(reducer, initialState);

JamesTheHacker

store.dispatch({
  type: ‘TWEETS_RECEIVED’,
  isFetching: false,
  tweets: [
    {
      username: ‘JamesJefferyUK’,
      message: ‘💜 I ❤ Redux!’
    },
    {
      username: ‘JamesJefferyUK’,

JamesTheHacker

// This is a reducer, same as Redux's
const reducer = (state, action) => {
  switch(action.type) {
    case 'FETCHING_TWEETS':
      return {...state, fetchingTweets: true};
      break;
    case 'TWEETS_RECEIVED':
      return { ...state,
        fetchingTweets: false,
        tweets: action.tweets

JamesTheHacker

// Subscribe to receive notifications
store.subscribe(action => {
  
  // Check the type of action
  if(action == ‘TWEETS_RECEIVED’) {
    
    // Clear notification
    document.getElementById(‘notification’).innerText = ‘’;
    
    // Construct the HTML for the tweets list

JamesTheHacker

// Returns the last element from the state store
getState() {
  return this.store[this.store.length - 1];
}

JamesTheHacker

// This is a reducer, same as Redux's
const reducer = (state, action) => {
  switch(action.type) {
    case 'FETCHING_TWEETS':
      return {...state, fetchingTweets: true};
      break;
    case 'TWEETS_RECEIVED':
      return { ...state,
        fetchingTweets: false,
        tweets: action.tweets

JamesTheHacker

constructor(reducer, initialState = {}) {
  this.store = [ initialState ];
  this.reducer = reducer;
  this.subscribers = [];
}

JamesTheHacker

const store = createStore(
  reducer,
  initialState
);

JamesTheHacker

const cheerio = require('cheerio');
const google = require('google');
const request = require('superagent');
const util = require('util');

const misconfiguredCORS = require('./plugins/misconfiguredCORS');

google.resultsPerPage = 100;
const g = util.promisify(google);