hungdoansy

Deploy Subgraph guide (on hosted service)

1. Go to https://thegraph.com/hosted-service/, register a new account using your Github account
2. Go to https://thegraph.com/hosted-service/dashboard, -> Add Subgraph, then fill the information. Use: Test Uniswap Graph for name
3. Grab your subgraph id. If it is https://thegraph.com/hosted-service/subgraph/hungdoansy/uniswap-v2-experiment, grab hungdoansy/uniswap-v2-experiment
4. Clone an example repo or create a new one from CLI git clone [email protected]:hungdoansy/test-the-graph.git test-uniswap-graph
5. cd test-uniswap-graph
6. yarn to install all dependencies

hungdoansy

console.log(`Built time: %c${new Date(Number(process.env.REACT_APP_BUILT_TIME) * 1000)}`, "color: #bada55");

hungdoansy

General

Request URL: https://www.binance.com/bapi/composite/v1/public/cms/article/catalog/list/query?catalogId=48&pageNo=1&pageSize=15
Request Method: GET
Status Code: 200 
Remote Address: 13.225.99.49:443
Referrer Policy: origin-when-cross-origin

hungdoansy

GPG and git on macOS

Setup

No need for homebrew or anything like that. Works with https://www.git-tower.com and the command line.

1. Install https://gpgtools.org -- I'd suggest to do a customized install and deselect GPGMail.
2. Create or import a key -- see below for https://keybase.io
3. Run gpg --list-secret-keys and look for sec, use the key ID for the next step
4. Configure git to use GPG -- replace the key with the one from gpg --list-secret-keys

hungdoansy

const getBase64 = async url => {
  const response = await axios.get(url, {
    responseType: 'arraybuffer',
  });

  const imageType = response.headers['content-type'];
  const base64 = Buffer.from(response.data, 'binary').toString('base64');
  const dataURI = `data:${imageType};base64,${base64}`;

  return dataURI;

hungdoansy

const getNumbers = () => {
  const numbers = [];
  
  for(let i = 0; i < 50000; i++) {
    const n = +(Math.random() * 10000).toFixed(5);
    numbers.push(n);
  }
  
  return numbers;
}

hungdoansy

import { useCallback } from 'react';
import { useHistory, useLocation } from 'react-router-dom';
import queryString from 'query-string';

const useQueryParam = (key) => {
  const history = useHistory();
  const location = useLocation();

  const { search } = location;
  const params = queryString.parse(search);

hungdoansy

// Codesandbox: https://codesandbox.io/s/elegant-frog-hbs3f?file=/src/Carousel.js:0-5654

import React, { useRef, useState } from "react";
import classNames from "classnames";
import styled from "styled-components";

const ArrowDownContainer = styled.div`
  display: flex;
  justify-content: center;
  align-items: center;

hungdoansy

/*
 * This is helpful when you have multiple items and want to have some control over each of them.
 */

export const useMultipleRefs = (n) => {
  const refs = useRef(
    Array(n)
      .fill(1)
      .reduce((acc, _, index) => {
        acc[index] = React.createRef();

hungdoansy

// ==UserScript==
// @name         Hide sponsored items
// @namespace    whatisthis
// @version      0.1
// @description  try to sanitize Facebook
// @author       Sy Hung Doan
// @match        https://www.facebook.com/*
// @match        https://facebook.com/*
// @grant        none
// ==/UserScript==