kof

var expander = document.querySelector('[data-control-name="skill_details"][aria-expanded="false"]')
if (expander) expander.click()
;[].slice.apply(document.querySelectorAll('button[data-control-name="endorse"]')).forEach((btn) => {
  btn.click()
}) 

kof

const Title = ({children}) => (
  <div className={classes.titleContainer}>
    <span className={classes.titleIcon} />
    <h3 className={classes.titleHeadline}>
      {children}
    </h3>
  </div>
)

kof

import {styled} from 'react-jss-components'

const RedButton = styled('button', {
  color: 'red'
})

<RedButton>Click me</RedButton>

kof

Rendering a style update

1. Unset previous props.

Iterate over lastStyle and copy keys into styleUpdates with empty string as a value in order to "unset" them when they are missing in the next style version.

1. Find modified props.

Iterate over new style and copy modified keys only into styleUpdates.

kof

When should you use action creator and when reducer?

Action creator

• you need to have side effects
• you need to read from store to decide what to do
• you need to dispatch more than one action
• action produced by action creator needs to contain all the data reducer can need to shape the components state

Reducer

• should not have any side effects

kof

export default {
  input: {
    display: 'inline-block',
    width: '100%',
    height: '100%',
    lineHeight: 0
  },
  browser: {
    position: 'absolute',
    width: '100%',

kof

import {component} from 'react'

@component
export default class MyComponent {
  componentDidMount() {
  }
  render() {
  }
}

kof

'use strict'

import React from 'react'
import useSheet from 'react-jss'
import sectionStyle from './sectionStyle'
import Item from './Item'

/**
 * One list section which has a title and list items.
 */

kof

define(function(require, exports, module) {
    var Surface = require('famous/core/Surface')

    // https://github.com/Famous/core/issues/37
    Surface.prototype.emit = function(type, event) {
        if (event && !event.origin) event.origin = this;
        return this.eventHandler.emit(type, event);
    }
})

kof

define(function(require, exports, module) {
    'use strict'

    var CachedMap = require('famous/transitions/CachedMap')
    var Transform = require('famous/core/Transform')
    var _ = require('underscore')

    function BaseTransition(options) {
        var o = this.options = _.extend({}, this.constructor.DEFAULT_OPTIONS, options)
        var spec = this.spec = {}