Skip to content

Instantly share code, notes, and snippets.

Avatar
:bowtie:
doing my best!

Thomas Wang thomaswang

:bowtie:
doing my best!
View GitHub Profile
@thomaswang
thomaswang / free_email_provider_domains.txt
Created Aug 26, 2020 — forked from tbrianjones/free_email_provider_domains.txt
A list of free email provider domains. Some of these are probably not around anymore. I've combined a dozen lists from around the web. Current "major providers" should all be in here as of the date this is created.
View free_email_provider_domains.txt
1033edge.com
11mail.com
123.com
123box.net
123india.com
123mail.cl
123qwe.co.uk
126.com
150ml.com
15meg4free.com
@thomaswang
thomaswang / README-Twemoji-React.md
Created Aug 3, 2020 — forked from chibicode/README-Twemoji-React.md
A dead simple React.js Twemoji component.
View README-Twemoji-React.md

Twemoji + React

A dead simple React Twemoji component.

Requirements: twemoji

npm install --save twemoji
@thomaswang
thomaswang / blog.js
Last active Jul 22, 2020
Adding Search
View blog.js
import React from "react"
import { Link, graphql } from "gatsby"
import Bio from "../components/bio"
import Layout from "../components/layout"
import SEO from "../components/seo"
import Button from "../components/button"
import SearchPosts from "../components/searchPosts"
class Blog extends React.Component {
@thomaswang
thomaswang / Stack.js
Last active Dec 14, 2019
Stack layout component in React
View Stack.js
import React from "react";
import styled from "styled-components";
const Stack = styled.div`
--space: ${props => props.space || "1.5rem"};
display: flex;
flex-direction: column;
justify-content: flex-start;
* {
@thomaswang
thomaswang / settings.json
Last active Jul 4, 2020
VSCode User Settings
View settings.json
{
// WORKBENCH SETUP
"workbench.colorTheme": "GitHub Dark",
"workbench.iconTheme": "city-lights-icons-vsc-light",
"workbench.startupEditor": "newUntitledFile",
"workbench.fontAliasing": "auto",
"workbench.settings.editor": "json",
"workbench.editor.enablePreview": false,
"workbench.statusBar.feedback.visible": false,
"workbench.panel.defaultLocation": "right",
@thomaswang
thomaswang / index.js
Last active Aug 19, 2018
Redux Store
View index.js
// In src/store/index.js
// 1. Import necessary components for setting up the Redux store
import { applyMiddleware, compose, createStore} from 'redux'
import thunk from 'redux-thunk'
// 2. Import the root reducer. We will set this up in the next step.
import rootReducer from './reducers'
// 3. Set up Redux DevTools Extension for debugging
@thomaswang
thomaswang / gatsby-browser.js
Last active Aug 19, 2018
Adding Redux to Gatsby Site with high-level API
View gatsby-browser.js
// In your gatsby-browser.js file
// 1. Import Provider module from React Redux.
import { Provider } from 'react-redux'
// 2. Import the Redux store (we will set this up in the next step).
import store from './src/store'
// 3. Wrap the Root component with `wrapRootComponent` from Gatsby Browser APIs.
// This gets returned to Gatsby which then renders the Root component as normal.
You can’t perform that action at this time.