Skip to content

Instantly share code, notes, and snippets.

View newswim's full-sized avatar
🦬
Hi

Dan Minshew newswim

🦬
Hi
View GitHub Profile
@newswim
newswim / antd_sc_example.js
Created August 4, 2017 22:42
Wrapping Ant Design components with Styled Components
import { Link } from 'react-router-dom'
import { Badge, Col, Menu } from 'antd'
const StyledBadge = styled(Badge)`
.ant-badge-count {
background-color: #7ECBBF;
color: white;
box-shadow: 0 0 0 1px #d9d9d9 inset;
}
`
@newswim
newswim / M&DLecture.txt
Last active November 22, 2021 23:24
Douglas Crockford's Monads and Gonads
Monads / (mo problems)
Taken from Category Theory and imported into Haskell.
Has the strange quirk of being un-explainable.
The monad solves a particular problem that Haskell has
but it turns out to be a generally useful concept.
// http://jswarrior.fusioncharts.com/level/6
// Level 6
jsWarrior.turn = function(warrior) {
console.log('warrior.check()', warrior.check())
const isEnemy = warrior.check() == "enemy"
const diamond = warrior.check() == "diamond"
@newswim
newswim / theme2.css
Created January 18, 2019 15:26
Another Slack Dark Mode
body { background: #222; color: #e6e6e6; }
a { color: #949494; }
a:link, a:visited { color: #949494; }
a:hover, a:active, a:focus { color: #c7c7c7; }
hr { border-bottom: 1px solid #424242; border-top: 1px solid #222; }
@newswim
newswim / example.js
Created September 27, 2016 16:52
Fetching data with React's constructor
// I did not write this.
var url = "https://jsonplaceholder.typicode.com/albums"
// Auto unwrap the response as we want the data not the full headers for this simple example
const stringifyResponse = response => {
if (response.status >= 400) throw new Error(response)
return response.headers.get("Content-Type").includes("application/json") ? response.json() : response.text()
}
@newswim
newswim / theme.css
Created October 3, 2018 02:15
Slack Dark Mode
body { background: #222; color: #e6e6e6; }
a { color: #949494; }
a:link, a:visited { color: #949494; }
a:hover, a:active, a:focus { color: #c7c7c7; }
hr { border-bottom: 1px solid #424242; border-top: 1px solid #222; }
@newswim
newswim / FlowReactTutorial.js
Created June 9, 2018 18:36 — forked from busypeoples/FlowReactTutorial.js
Flow Fundamentals For ReactJS Developers
//
// MIT License
//
// Copyright (c) 2018 Ali Sharif
//
// Permission is hereby granted, free of charge, to any person obtaining a copy
// of this software and associated documentation files (the "Software"), to deal
// in the Software without restriction, including without limitation the rights
// to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
// copies of the Software, and to permit persons to whom the Software is
@newswim
newswim / arch.txt
Created January 26, 2018 21:31
Architecture options
+-+-+-+-+-+-+ +-+ +-+-+-+-+-+-+ +-+
|O|p|t|i|o|n| |1| |O|p|t|i|o|n| |2|
+-+-+-+-+-+-+ +-+ +-+-+-+-+-+-+ +-+
╔════════════════════╗ ╔════════════════════╗
║ ║ ║ ║
║ Client Request ║ ║ Client Request ║
║ ║ ║ ║
╚════════════════════╝ ╚════════════════════╝
│▲
@newswim
newswim / example.feature
Created November 16, 2017 20:33
An example of an acceptance test using BDD and Gherkin syntax
Feature: Google Searching
As a web surfer, I want to search Google, so that I can learn new things.
Scenario: Simple Google search
Given a web browser is on the Google page
When the search phrase "panda" is entered
Then results for "panda" are shown
And the result page displays the text
"""
Scientific name: Ailuropoda melanoleuca
@newswim
newswim / readme.md
Last active August 3, 2017 14:46
Deep Delete - readme

Start-up

  • Clone this repo
  • yarn or npm install
  • Create a file config/secrets.json -- Only the first 4 fields are required
{
  "api_key" : "",
  "shopName" : "",
 "password" : "",