Skip to content

Instantly share code, notes, and snippets.

View MeetingTypesDashboardView.jsx
// ...
const MeetingTypesDashboardView = Backbone.View.extend({
render() {
<MeetingTypesDashboard />,
return this;
View TemplatesDashboardView.js
// ...
// An example of one of our "custom virtual DOM" functions
* Updates a template folder's name among the user's list of template folders.
* @param {TemplateFolderModel} templateFolderModel
_updateTemplateFolderName(templateFolderModel) {
const id = templateFolderModel.get('_id');
View FooTemplate.jsx
import PropTypes from 'prop-types';
* This is an example presentational component. Check out this article for details on why we use
* presentational components:
* The names of presentational components should be suffixed with '-Template'. This is done so that
* our React naming conventions align with our Backbone naming conventions.
View Foo.jsx
import React from 'react';
import PropTypes from 'prop-types';
import CBR from 'connect-backbone-to-react';
* Don't use `BackboneProvider` from `connect-backbone-to-react`; only use `connectBackboneToReact`.
* `BackboneProvider` allows you to make Backbone Models and Collections available "globally" for a
* set of components and is bad for a couple of reasons:
* - Components that expect to receive Backbone Models or Collections from their parent component
spencer-brown / yarnification.js
Created Apr 26, 2017
A script for "yarnifying" projects - updating them to use Yarn instead of npm.
View yarnification.js
const chalk = require('chalk');
const fs = require('fs');
const del = require('del');
const spawnSync = require('child_process').spawnSync;
* A script for "yarnifying" projects - updating them to use Yarn instead of npm.
* Usage:
# Creates new applications within Open Shift Origin using the `oc` command line tool.
# The specified GitHub URL is used to fetch application code. Applications are created with the specified
# subdomain as <subdomain> The passed user ID is associated with the created application
# as a label so that stats fetched for applications can be scoped by user by passing the `-l` flag.
# Usage:
# ./make-new-app <GitHub URL> <desired subdomain (eg. 'foobar')> <Pley dashboard user ID>