React: leave the contents of a component alone

Question

Is it possible to have React ignore a subtree? i.e., don\'t compare or update it?

My use case is migrating to React. Re-writing all our Handlebars templates at once

Answer 1

Have a look at this module. Simple and very effective. https://gist.github.com/alexeisavca/d4ff175fd16c93c8785d

Here's a coffeescript version of it.

module.exports = ReactIgnore = React.createClass
  shouldComponentUpdate: ->
    false
  render: ->
    React.Children.only @props.children

And wrap your component in it:

  YourComponent