Module: React::Component::Features

Defined in:
lib/react/component/features.rb

Instance Method Summary collapse

Instance Method Details

#Fragment(*args, &block) ⇒ Object 



4
5
6
 
# File 'lib/react/component/features.rb', line 4

def Fragment(*args, &block)
  `Opal.React.internal_prepare_args_and_render(Opal.global.React.Fragment, args, block)`
end

#Portal(element_or_query, &block) ⇒ Object 



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/component/features.rb', line 8

def Portal(element_or_query, &block)
  if `(typeof element_or_query === 'string')` || (`(typeof element_or_query.$class === 'function')` && element_or_query.class == String)
    element = `document.body.querySelector(element_or_query)`
  elsif `(typeof element_or_query.$is_a === 'function')` && element_or_query.is_a?(Browser::Element)
    element = element_or_query.to_n
  else
    element = element_or_query
  end
  %x{
    Opal.React.render_buffer.push([]);
    // console.log("portal pushed", Opal.React.render_buffer, Opal.React.render_buffer.toString());
    if (block !== nil) {
      let block_result = block.$call()
      let last_buffer_length = Opal.React.render_buffer[Opal.React.render_buffer.length - 1].length;
      let last_buffer_element = Opal.React.render_buffer[Opal.React.render_buffer.length - 1][last_buffer_length - 1];
      if (block_result && (block_result.constructor === String || block_result.constructor === Number)) {
        Opal.React.render_buffer[Opal.React.render_buffer.length - 1].push(block_result);
      }
    }
    // console.log("portal popping", Opal.React.render_buffer, Opal.React.render_buffer.toString());
    var react_element = Opal.global.React.createPortal(Opal.React.render_buffer.pop(), element);
    Opal.React.render_buffer[Opal.React.render_buffer.length - 1].push(react_element);
    // console.log("portal pushed", Opal.React.render_buffer, Opal.React.render_buffer.toString());
  }
end

#Profiler(*args, &block) ⇒ Object 



34
35
36
 
# File 'lib/react/component/features.rb', line 34

def Profiler(*args, &block)
  `Opal.React.internal_prepare_args_and_render(Opal.global.React.Profiler, args, block)`
end

#StrictMode(*args, &block) ⇒ Object 



38
39
40
 
# File 'lib/react/component/features.rb', line 38

def StrictMode(*args, &block)
  `Opal.React.internal_prepare_args_and_render(Opal.global.React.StrictMode, args, block)`
end

#Suspense(*args, &block) ⇒ Object 



42
43
44
 
# File 'lib/react/component/features.rb', line 42

def Suspense(*args, &block)
  `Opal.React.internal_prepare_args_and_render(Opal.global.React.Suspense, args, block)`
end