Comments on tone and style:
- Never apologize in a design brief
- keep it succinct
- Do not talk about design features that do not have a direct correlation with a problem
Definition: A design report documents the solution to a unique problem.
#A brief intro into Stateless functions#
So stateless functions are new in React 0.14 which are quite interesting. They look a bit like this.
const Test = ({name, amount}) => {
return <div className="test">{name} has £{amount}</div>;
};
ReactDOM.render(<Test name="ben" amount="-2000" />) // <div className="test">ben has £-200</div> | /* Column Styles */ | |
| .col { | |
| margin: 0 auto; | |
| clear: both; | |
| padding: 5.55555555% 3.7037037%; | |
| } | |
| .col-condensed { | |
| clear: both; | |
| padding: 7.4074074%; | |
| } |
| // Generate a set of 128x128 png icons for notifications from our color palette. | |
| // Order must match .status-box:nth-of-type() declarations. | |
| var color_data = { | |
| "#1564f9": "UVZPl4Z7ha", | |
| "#3fc41b": "U/xButvkTR", | |
| "#fa8e1f": "X6jh83IXPs", | |
| "#4ca8ea": "VMqOr4+3T5", | |
| "#f71347": "X3E0eeps0u", | |
| "#fcc124": "X8wST1RrWw" | |
| }; |
| import requests | |
| class HoverException(Exception): | |
| pass | |
| class HoverAPI(object): | |
| def __init__(self, username, password): | |
| params = {"username": username, "password": password} | |
| r = requests.post("https://www.hover.com/api/login", params=params) |
| for f in *.scss; do sass-convert -F scss -T sass $f ${f%%.*}.sass; done |
| # Git Shortcuts | |
| alias gs='git status' | |
| alias gst='git status -sb' | |
| alias ga='git add' | |
| alias gau='git add -u' # Removes deleted files | |
| alias gp='git pull' | |
| alias gpu='git push' | |
| alias gc='git commit -v' | |
| alias gca='git commit -v -a' # Does both add and commit in same command, add -m 'blah' for comment | |
| alias gco='git checkout' |