leighhalliday

import {
  useEffect,
  useState,
  useContext,
  createContext,
  FunctionComponent,
} from "react";
import { firebase } from "./initFirebase";

const AuthContext = createContext({

leighhalliday

// Instantiate

const map = new Map([
  [1, "one"],
  [2, "two"],
]);

const obj = {
  1: "one",
  2: "two",

leighhalliday

// Recursion fundamentals: Counting down.

function countDown(num) {
  console.log(num);
  if (num > 1) {
    countDown(num - 1);
  }
}

countDown(5);

leighhalliday

import { useState } from "react";
import ReactMapGL from "react-map-gl";
import "mapbox-gl/dist/mapbox-gl.css";

export default function Home() {
  const [viewport, setViewport] = useState({
    latitude: 43,
    longitude: -79,
    zoom: 8,
  });

leighhalliday

FlipGive Challenge

Using the GitHub GraphQL API, please use the GraphQL query below to find and display a list of repositories for the organization of your choosing.

This should be done within React, but you are welcome to use any React framework (Create React App, Next.js, Gatsby, React Native, etc...) you'd like, any way to query the data (Apollo Client, urql, React Query, etc...), and any UI framework to display it nicely. It is a very open ended challenge!

We would like to see a solution within 48 hours after receiving this challenge.

{

leighhalliday

{"fields":[{"name":"country","format":"","type":"string"},{"name":"state","format":"","type":"string"},{"name":"day","format":"YYYY-M-D H:m:s","type":"timestamp"},{"name":"latitude","format":"","type":"real"},{"name":"longitude","format":"","type":"real"},{"name":"count","format":"","type":"integer"}],"rows":[["Afghanistan","","2020-03-24 00:00:00 -0400",33.0,65.0,74],["Afghanistan","","2020-03-23 00:00:00 -0400",33.0,65.0,40],["Afghanistan","","2020-03-22 00:00:00 -0400",33.0,65.0,40],["Afghanistan","","2020-03-21 00:00:00 -0400",33.0,65.0,24],["Afghanistan","","2020-03-20 00:00:00 -0400",33.0,65.0,24],["Afghanistan","","2020-03-19 00:00:00 -0400",33.0,65.0,22],["Afghanistan","","2020-03-18 00:00:00 -0400",33.0,65.0,22],["Afghanistan","","2020-03-17 00:00:00 -0400",33.0,65.0,22],["Afghanistan","","2020-03-16 00:00:00 -0400",33.0,65.0,21],["Afghanistan","","2020-03-15 00:00:00 -0400",33.0,65.0,16],["Afghanistan","","2020-03-14 00:00:00 -0400",33.0,65.0,11],["Afghanistan","","2020-03-13 00:00:00 -0400",33.0,65

leighhalliday

import React from "react";

const MyContext = React.createContext();

const MyProvider = ({ children }) => {
  const [theme, setTheme] = React.useState("light");
  const nextTheme = theme === "light" ? "dark" : "light";

  const value = {
    theme,

leighhalliday

const videoMachine = Machine({
  id: "video",
  initial: "loading",

  context: {
    video: null,
    duration: 0,
    elapsed: 0
  },

leighhalliday

import React, { useState, useEffect } from "react";
import {
  withGoogleMap,
  withScriptjs,
  GoogleMap,
  Marker,
  InfoWindow
} from "react-google-maps";
import * as parkData from "./data/skateboard-parks.json";
import mapStyles from "./mapStyles";

leighhalliday

const authLink = setContext((_, oldContext) => {
  return produce(oldContext, draft => {
    if (!draft.headers) {
      draft.headers = {};
    }
    draft.headers["X-SOURCE"] = "browser";
    const token = cookie.get("token");
    if (token) {
 draft.headers["Authorization"] = `bearer ${token}`;