jasonleehodges

using System;
using System.Net;

namespace ConsoleApplication1
{
    class Program
    {
        public class WebClientEx : WebClient
        {
            public WebClientEx(CookieContainer container)

jasonleehodges

package datagen

import com.github.javafaker._
import java.io.File
import java.io.PrintWriter
import java.time.temporal.ChronoUnit.DAYS
import java.time._
import scala.util.Random

object DataGen {

jasonleehodges

import scala.collection.mutable.Queue

object Page extends App {
    val apiData = Queue(1000,1000,1000,1000,1000,10)
  
    Stream.from(1).takeWhile(getPage(_).nonEmpty).foreach(_ => processData())
    
    def getPage(x: Int): Queue[Int] = { return apiData }

    def processData(){ println(apiData.dequeue()) }

jasonleehodges

interface StateProps {
  /* define props interface here */
}

interface DispatchProps {
  /* define props interface here */
}

export type Props = StateProps & DispatchProps;

jasonleehodges

import React, { FunctionComponent } from 'react';
import { useSelector, useDispatch } from 'react-redux';
import { RootState } from '~/reducers';
import { selectUser, setUserAction } from 'actions/app';

export const Navigation: FunctionComponent = () => {
  const user = useSelector((state: RootState) => selectUser(state));
  const dispatch = useDispatch();
  const setUser = (user: string) => () => dispatch(setUserAction(user));
  

jasonleehodges

import { useSelector, useDispatch } from 'react-redux';
import { RootState } from '~/reducers';
import { selectUser, selectAllUsers } from 'actions/app';
import { setUserAction, setAllUsersAction } from '../actions/app';

export const useUserState = () => {
  return {
    user: useSelector((state: RootState) => selectUser(state)),
    allUsers: useSelector((state: RootState) => selectAllUsers(state)),
  }

jasonleehodges

import React, { FunctionComponent } from 'react';
import { useUserState, useUserDispatch } from '../../hooks/user';

export const Navigation: FunctionComponent = () => {
  const { user } = useUserState();
  const { setUser } = useUserDispatch();
  
  return (
    <div className={styles.Navigation} onClick={ setUser('me') }>
      User name: { user }

jasonleehodges

import { AnyAction, applyMiddleware, compose, createStore } from 'redux';
import combinedReducers, { RootState } from '../reducers';
import thunk, { ThunkMiddleware } from 'redux-thunk';

const devToolsCompose = (window as any).__REDUX_DEVTOOLS_EXTENSION_COMPOSE__;
const composeEnhancers = (devToolsCompose !== null && devToolsCompose !== undefined)
    ? devToolsCompose
    : compose;

export type ThunkWithRootState = ThunkMiddleware<RootState, AnyAction>;

jasonleehodges

import { setData } from '../actions';

export const getDataWithThunk = () => {
  return (dispatch) => {
    fetch(url)
      .then(resp => resp.json())
      .then(data => dispatch(setData(data));
  }
}

jasonleehodges

// typically this lives where the provider wraps the root component
import { store } from './location-of-instantiated-store';
import { setData } from '../actions';

export const getDataWithSingletonStore = () => {
  fetch(url)
    .then(resp => resp.json())
    .then(data => store.dispatch(setData(data)));
};