Skip to content

Instantly share code, notes, and snippets.

Avatar

Flora Worley florapdx

View GitHub Profile
View JS, Backbone, Promises resources
## Backbone
http://addyosmani.com/largescalejavascript/#mediatorpattern
http://blog.pamelafox.org/2013/07/a-guide-to-writing-backbone-apps-at.html
http://ozkatz.github.io/avoiding-common-backbonejs-pitfalls.html
http://www.joezimjs.com/javascript/backbone-js-subview-rendering-trick/
http://www.benknowscode.com/2013/08/extending-backbone-for-building-better-web-applications.html
http://drupalmotion.com/article/debounce-and-throttle-visual-explanation
## Promises
@florapdx
florapdx / pr_template.md
Created Aug 7, 2015
Generic-ish pull request template for teams. Based on internal Sprintly PR Template made by [Justin Abrahms](https://github.com/justinabrahms)
View pr_template.md

What's this PR do?

Where should the reviewer start?

How should this be manually tested?

Any background context you want to provide?

What are the relevant tickets?

Screenshots (if appropriate)

What gif best describes this PR or how it makes you feel?

Definition of Done:

  • Is there appropriate test coverage? (e.g. ChefSpec, Mocha/Chai, Python, etc.)
  • Does this PR require a Selenium test? (e.g. Browser-specific bugs or complicated UI bugs)
@florapdx
florapdx / Customize Bash Prompt
Last active Dec 14, 2015
How-to for customizing your bash prompt. For PyLadies tutorial on the CLI. You can also find this in a slightly more readable form on the PyLadies PDX meetup site under "Pages".
View Customize Bash Prompt
Customize Your Bash Prompt
Your bash prompt comes with a standard command prompt with a default setting something like “PS1="\u@\h \w>” in your .bash_profile or .profile (if you are using OSX) that translates to something like this:
UserName YourComputerName DirectoryName $
While useful, this is kind of boring and doesn’t give us very much information about the environment we’re working in. So let’s customize our prompts!
View flux login example
/*
* Login component
*/
import SessionActions from '../actions/session'
import SessionStore from '../stores/session'
const INPUT_FIELDS = [
{fieldName: "email", placeholder: "Your email"},
{fieldName: "password", placeholder: "Your password"}
];
View gist:379000692be7b11aad1d
## Environment customizations
# Add Sublime Text 2 as default editor
export EDITOR="/Applications/Sublime Text 2.app/Contents/SharedSupport/bin/subl"
## Alias cd up-level
alias cd..="cd .."
alias ..="cd .."
alias ...="cd ../.."
alias ....="cd ../../.."
alias .....="cd ../../../.."
@florapdx
florapdx / example_gist_code
Created Nov 2, 2016
This is an example gist for gatsby-bloggy-starter
View example_gist_code
## Here's some code from the blog!
const Post = props => {
const { post, slug } = props;
const postMeta = postManifest[slug];
return (
<div className="post">
<PostHeader postMeta={postMeta} />
<div dangerouslySetInnerHTML={{ __html: post.body }} />
@florapdx
florapdx / meetups_indiv.js
Created Feb 17, 2013
This code brings in JSON data for multiple entities (in this case Pyladies groups) in a single call to a public api, and then manipulate that data after retrieval for placement in separate entity-owned divs on a web page. In this case I identified each div using an html5 data-attribute given the group_id # assigned to it by meetup.com (ie, <div …
View meetups_indiv.js
// Make a single api call to meetup.com and grab event info for all (11) PyLadies locations. Create individual objects for each so that meetups can be added to each pyladies group's div on pyladies.com/locations page.
//helper function to discover event urls and make active links
//credit to http://www.sencha.com/forum/archive/index.php/t-12379.html for code this is based on
function create_urls(input) {
return input
.replace(/(ftp|http|https|file):\/\/[\S]+(\b|$)/gim, '"$&" target="_blank"')
.replace(/([^\/])(www[\S]+(\b|$))/gim, '"http://$2" target="_blank"');
} //end url parsing helper function
View keybase.md

Keybase proof

I hereby claim:

  • I am florapdx on github.
  • I am florapdx (https://keybase.io/florapdx) on keybase.
  • I have a public key ASBK7ZPwS-Wk5HrBWUE_e4y914O7hHlRgTkTHcJyEDaSOgo

To claim this, I am signing this object:

@florapdx
florapdx / type-ex.js
Last active Jan 24, 2018
how do I type the cb?
View type-ex.js
/*
In the scenario below, I have a menu that can be used to render a list
of selectable options that may be of type 'string' or of type 'number'.
It takes a 'onOptionSelect' callback whose arguments can be of either type.
However, some components that render this generic menu may only accept
string-type selections or may only accept number-type selections. How do I
type onOptionsSelect (or the actual callbacks that get passed in) to account
for this flexibility?
*/
View flora-june-2019.md

Projects

product:

  • Sprintly: JS-based view, OAuth app, and library creation for initial project management app; lead on rewrite of entire front-end app in React and Redux consuming Django-based REST API, real time data, and ElasticSearch faceted search data
  • Interchange: Front-end lead building investment management software in Apollo and React, consuming a GraphQL API

consulting:

  • Target "Made for U" app: JS social/mobile shopping application supporting Target's first back-to-school capsule collections [partnership with Deutsch Agency, LA]
  • IFL team apps: GraphQL/Relay/React web app and Phoenix (for Elixer back-end) + WebSocket mobile app (vanilla JS and WebSocket-based) supporting the first fan-run sports team with real-time fan play-calling [partnership with Crossfield Agency, NY]
  • [World Team Tennis website](ht
You can’t perform that action at this time.