JeremyJonas

import React, { PureComponent } from 'react'
import PropTypes from 'prop-types'
import { omit } from 'lodash'

class Timer extends PureComponent {
	static get propTypes () {
		return {
			Component: PropTypes.func.isRequired,
			interval: PropTypes.number,
			innerRef: PropTypes.func

wmertens

import React, {Component, PropTypes} from 'react'
import {Link, Route as OrigRoute, Switch, Redirect, BrowserRouter as Router, withRouter} from 'react-router-dom'

// Subscribes a child to history updates, passing the current location as a prop
// This is needed to work around the React context API not updating all children
// See https://github.com/ReactTraining/react-router/issues/4629#issuecomment-284218493
export class LocationListener extends Component {
	static contextTypes = {
		history: PropTypes.object,
	}

borkdude

Get a fast starting REPL session with a ClojureScript library using Planck.

This is a draft of what will be eventually a blog post. Feedback is welcome.

It started by asking this question on StackOverflow. A good answer turned out to be Planck. This is how you solve it with Planck.

First, decide what dependencies Planck needs to load. This is easily done with boot like this:

$ boot --dependencies org.clojars.micha/boot-cp        ; load with-cp task that helps exporting minimal classpath to file

--dependencies com.andrewmcveigh/cljs-time:"0.4.0" ; load dependency you actually want to try

markerikson

function timerMiddleware({dispatch, getState}) {
    const timers = {};
    
    

    return next => action => {
        if(action.type == "START_TIMER") {
            const {action, timerName, timerInterval} = action.payload;
            
            clearInterval(timers[timerName]);

jlongster

// Have some complicated non-React widgets that manipulate DOM?
// Do they manage a list of DOM elements? Here's how to wrap it
// into a React component so you can "constantly rerender" it.

// A dumb non-react widget that manually manage some DOM node that
// represent a list of items
function NonReactWidget(node) {
  this.node = node;
}

sebmarkbage

React (Virtual) DOM Terminology

In React's terminology, there are five core types that are important to distinguish:

• ReactElement / ReactElement Factory
• ReactNode
• ReactComponent / ReactComponent Class

React Elements

nrn

react internals discussion

React: a robust functional view layer.

View code and templating are combined as JavaScript.

In JavaScript you create a virtual DOM, react diffs changes between the last virtual DOM and the next, mutating the real DOM only as necessary to reflect the changes. This has huge implications for cognitive

sebmarkbage

New React Element Factories and JSX

In React 0.12, we're making a core change to how React.createClass(...) and JSX works.

If you're using JSX in the typical way for all (and only) React components, then this transition will be seamless. Otherwise there are some minor breaking changes described below.

The Problem

adambard

; Comments start with semicolons.

; Clojure is written in "forms", which are just
; lists of things inside parentheses, separated by whitespace.
;
; The clojure reader  assumes that the first thing is a
; function or macro to call, and the rest are arguments.
;
; Here's a function that sets the current namespace:
(ns test)

fogus

(def C
    (contract
     foo
     "bar"
     [f n]
     [(integer? n)
      (_ f [n] [odd?])
      =>
      integer?]))