allilevine

1. Open the spreadsheet where your Google Form responses are collected.

2. Go to "Tools" -> "Script Editor"

3. Copy and paste the script below.

4. For SlackName, fill in your Slack's address/slug (e.g. from https://your-slack-name-is-here.slack.com).

5. For SlackToken, create a new app at https://api.slack.com/ and give it 'Admin' Permissions Scope. Click "Install" to add the app to your Slack. Copy the app token that shows up (should include xox and a dash).

allilevine

// include React Router Hash Link from https://github.com/rafrex/react-router-hash-link
import { HashLink as Link } from 'react-router-hash-link';
// include Smooth Scroll from https://github.com/cferdinandi/smooth-scroll
import Scroll from 'smooth-scroll';

class App extends React.Component {
  
  componentDidMount() {
    // initiate smooth scrolling
    let scroll = new Scroll('a[href*="#"]');

allilevine

Meeting Purpose: David Daniel, Housing tech-lead and Data Visualization instructor, has developed a front-end workflow and a set of tools that all project teams will be using. He'll be discussing how we can contribute and utilize the Hack Oregon reusable react.js component library, dealing with routing issues and state, and utilizing React Storybook as UI style guide and development environment.

---

Connecting the Projects Through Redux & Routes

David is developing boilerplate but don't feel constrained to stick to it. So far each project has been self-contained, to add front-end to API, but this time...new platform. How will they all work together? End goal is site where people can look at different story cards for all the projects, URLs like civic.hackoregon.org/housing. Answer: React Redux and React Router. Also we may stick to Webpack 1 or Webpack 2 beta to avoid major changes / re-learning.

Using Storybook & Components

Storybook is a dev environment for making components, t

allilevine

This is the beginning of a story about a dumpling. The dumpling was working on a hackday project when...

allilevine

// I wanted to use this method (http://codepen.io/jcasabona/pen/fKgCA) of displaying random background images with Sass, but I didn't want to type out each image file name, so instead I used a loop:

$random_images_path: "../../../uploads/";
$imagesarray: ('');
@for $i from 1 through 40 {
  $value: $random_images_path + "/sitename" + $i + ".jpg";
  $imagesarray: append($imagesarray, $value);
}

$img: nth($imagesarray, random(length($imagesarray) -1));