mattmccray

import {hasComponentChanged} from 'util'

const ignoredStatics= Object.getOwnPropertyNames( class {})
  .concat([ '_altResolved', 'displayName', 'type'])

export var AltResolver= Wrapped => {
  // Don't wrap a wrapper
  if( '_altResolved' in Wrapped) return Wrapped

  class Resolved extends React.Component {

yannickcr

React.js Conf 2015 - From the Internet

Videos

React.js Conf 2015 on Youtube

• Keynote 1
• Keynote 2
• Data fetching for React applications at Facebook
• Tweak your page in real time

dtran320

dependencies:
  pre:
    - curl -o- -L https://yarnpkg.com/install.sh | bash
  override:
    - yarn
  post:  # At least for me, it doesn't seem like `scripts` in `package.json` are being run, so you need to add them explicitly
    - yarn run postinstall

mweststrate

import {observable} from "mobx"
import {observer} from "mobx-react"

@observer class Select extends React.Component {
  @observable selection = null; /* MobX managed instance state */

  constructor(props, context) {
    super(props, context)
    this.selection = props.values[0]
  }

GiamPy5

var customMenuRenderFn = function (renderParams, isFirstRendering) {
    var container  = renderParams.widgetParams.container;
    var title      = renderParams.widgetParams.title;
    var templates  = renderParams.widgetParams.templates;
    var cssClasses = renderParams.widgetParams.cssClasses || "";
    var attributes = renderParams.widgetParams.attributes.map(function (attribute) {
        return attribute.replace('.', '___');
    });

    var currentSelectedValue = null;

ardcore

application:open-your-keymap
application:open-your-stylesheet
autocomplete:attach
autoflow:reflow-paragraph
bookmarks:clear-bookmarks
bookmarks:jump-to-next-bookmark
bookmarks:jump-to-previous-bookmark
bookmarks:toggle-bookmark
bookmarks:view-all
check:correct-misspelling

threepointone

I made a little styling lib called glam

(some features are in development)

one

let's start off with the simplest use case. we'll make an 'index.html' page, and assume we've setup our js bundler to output bundle.js

swalkinshaw

Moved to Shopify/graphql-design-tutorial

Warry

How to make faster scroll effects?

• Avoid too many reflows (the browser to recalculate everything)
• Use advanced CSS3 for graphic card rendering
• Precalculate sizes and positions

Beware of reflows

The reflow appens as many times as there are frames per seconds. It recalculate all positions that change in order to diplay them. Basically, when you scroll you execute a function where you move things between two reflows. But there are functions that triggers reflows such as jQuery offset, scroll... So there are two things to take care about when you dynamically change objects in javascript to avoid too many reflows:

fwielstra

/* The API controller
   Exports 3 methods:
   * post - Creates a new thread
   * list - Returns a list of threads
   * show - Displays a thread and its posts
*/


var Thread = require('../models/thread.js');
var Post = require('../models/post.js');