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
 
# 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([]);
      Opal.React.active_components.push(base);
      #{base.new(`props`).instance_exec(&`base.function_block`)};
      Opal.React.active_components.pop();
      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 



26
27
28
 
# File 'lib/react/memo_component/creator.rb', line 26

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

#props_are_equal?(&block) ⇒ Boolean

Returns:

  • (Boolean) 


16
17
18
19
20
21
22
23
24
 
# File 'lib/react/memo_component/creator.rb', line 16

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