Module: React::MemoComponent::Creator

Defined in:
lib/react/memo_component/creator.rb

Class Method Summary collapse

Instance Method Summary collapse

Class Method Details

.extended(base) ⇒ Object 



4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
 
# File 'lib/react/memo_component/creator.rb', line 4

def self.extended(base)
  %x{
    base.equality_checker = null;
    base.react_component = Opal.global.React.memo(function(props) {
      Opal.React.render_buffer.push([]);
      // console.log("memo pushed", Opal.React.render_buffer, Opal.React.render_buffer.toString());
      Opal.React.active_components.push(base);
      let block_result = #{base.new(`props`).instance_exec(&`base.function_block`)};
      if (block_result && (block_result.constructor === String || block_result.constructor === Number)) { Opal.React.render_buffer[Opal.React.render_buffer.length - 1].push(block_result); }
      Opal.React.active_components.pop();
      // console.log("memo popping", Opal.React.render_buffer, Opal.React.render_buffer.toString());
      return Opal.React.render_buffer.pop();
    }, base.equality_checker);
  }

  def props_are_equal?(&block)
    %x{
      base.equality_checker = function (prev_props, next_props) {
        var prev_ruby_props = Opal.React.Component.Props.$new({props: prev_props});
        var next_ruby_props = Opal.React.Component.Props.$new({props: next_props});
        return #{base.new(`{}`).instance_exec(`prev_ruby_props`, `next_ruby_props`, &block)};
      }
    }
  end

  def create_memo(&block)
    `base.function_block = #{block}`
  end
end

Instance Method Details

#create_memo(&block) ⇒ Object 



29
30
31
 
# File 'lib/react/memo_component/creator.rb', line 29

def create_memo(&block)
  `base.function_block = #{block}`
end

#props_are_equal?(&block) ⇒ Boolean 



19
20
21
22
23
24
25
26
27
 
# File 'lib/react/memo_component/creator.rb', line 19

def props_are_equal?(&block)
  %x{
    base.equality_checker = function (prev_props, next_props) {
      var prev_ruby_props = Opal.React.Component.Props.$new({props: prev_props});
      var next_ruby_props = Opal.React.Component.Props.$new({props: next_props});
      return #{base.new(`{}`).instance_exec(`prev_ruby_props`, `next_ruby_props`, &block)};
    }
  }
end