All Projects → plasticine → middleman-react

plasticine / middleman-react

Licence: MIT License
Ruby gem for automatically transforming JSX and using React in Middleman.

Programming Languages

ruby
36898 projects - #4 most used programming language
Gherkin
971 projects
shell
77523 projects
coffeescript
4710 projects
javascript
184084 projects - #8 most used programming language

middleman-react Gem Version Build Status Code Climate

Use React JSX transformations with Middleman.

Inspired (and pretty much a clone of really) the react-rails gem for Middleman. This gem allows you to write and use *.jsx assets inside Middleman.

Usage

  1. gem install middleman-react
  2. activate :react in config.rb
Options

It is also possible to pass options through to the JSX compiler if that’s your thing:

activate :react do |config|
  config.harmony = true
  config.strip_types = true
end

Sprockets loading react-source

In your Middleman config.rb add the following:

after_configuration do
  sprockets.append_path File.dirname(::React::Source.bundled_path_for('react.js'))
end

Now you can Sprockets include React:

//= require react

Or with addons:

//= require react-with-addons

A note on versioning

The version for this gem will reflect that of the underlying version of react-source, meaning that using 0.12.1 of this gem will give you version 0.12.1 of React. This is the same approach that react-rails takes. If updates to the gem code are required that do not alter the react-source version in use need to be made they will be released with a .x version appended, eg: 0.12.1.x.

Developing / Contributing

  1. Fork it!
  2. Get set up: ./script/bootstrap
  3. ...?
  4. Run specs: ./script/spec
  5. Pull request!
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].