Skip to content

Instantly share code, notes, and snippets.

Avatar
☄️

Dan Minshew newswim

☄️
View GitHub Profile
@newswim
newswim / antd_sc_example.js
Created Aug 4, 2017
Wrapping Ant Design components with Styled Components
View antd_sc_example.js
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 May 20, 2020
Douglas Crockford's Monads and Gonads
View M&DLecture.txt
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.
View warrior.js
// 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 Jan 18, 2019
Another Slack Dark Mode
View theme2.css
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 Sep 27, 2016
Fetching data with React's constructor
View example.js
// 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 Oct 3, 2018
Slack Dark Mode
View theme.css
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 Jun 9, 2018 — forked from busypeoples/FlowReactTutorial.js
Flow Fundamentals For ReactJS Developers
View FlowReactTutorial.js
//
// 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 Jan 26, 2018
Architecture options
View arch.txt
+-+-+-+-+-+-+ +-+ +-+-+-+-+-+-+ +-+
|O|p|t|i|o|n| |1| |O|p|t|i|o|n| |2|
+-+-+-+-+-+-+ +-+ +-+-+-+-+-+-+ +-+
╔════════════════════╗ ╔════════════════════╗
║ ║ ║ ║
║ Client Request ║ ║ Client Request ║
║ ║ ║ ║
╚════════════════════╝ ╚════════════════════╝
│▲
@newswim
newswim / example.feature
Created Nov 16, 2017
An example of an acceptance test using BDD and Gherkin syntax
View example.feature
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 Aug 3, 2017
Deep Delete - readme
View readme.md

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" : "",
You can’t perform that action at this time.