This gem renders React components into your views!
It's plain Ruby so you can use it with almost every Ruby framework out there.
It uses V8 engine as dynamic library for JavaScript execution. On application load React components are discovered, compiled from ES6 to ES5 and executed into memory. When you call render_react from your view - rendering is done from preloaded components at speeds comparable to native Ruby partials.
Just add render-react to your Gemfile and you're done.
echo "gem 'render-react'" >> Gemfile
bundle installmodule ApplicationHelper
include Render::React
...Render::React::Config.path File.join(Rails.root, 'app/assets/javascripts/components-local')
Render::React::Config.path File.join(Rails.root, 'some/other/directory')
Render::React::Config.set_durability(1) if Rails.env.development? # live reload in dev modeor
Render::React::Config.path(
File.join(Rails.root, 'app/assets/javascripts/components-other'),
File.join(Rails.root, 'some/other/directory')
)== render_react 'Card', \
className: 'city-block swiper-slide', \
href: city_path(city.slug), \
text: city.location, \
name: city.name, \
cover: image_path(city.cover.square_thumb), \
count: city.compilations.lengthTo be sure that everything is tip-top.
In terms of rendering time:
- start = Time.now
== render_react 'ComponentName', \
className: 'city-block swiper-slide', \
...
- finish = Time.now
- Rails.logger.warn "Render::React durability: #{Render::React::Compiler.instance_variable_get(:@durability)} time: #{finish - start}"In terms of memory.
ps x -o rss,command | grep "unicorn" | grep -v grep | sortBug reports and pull requests are welcome on GitHub at https://github.com/rambler-digital-solutions/render-react. This project is intended to be a safe, welcoming space for collaboration, and contributors are expected to adhere to the Contributor Covenant code of conduct.
The gem is available as open source under the terms of the MIT License.