isomorfeus-react 16.6.1 → 16.6.2

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 4f5cb95862ec002593c0fa138708e7b836e5bde4cc5d98417fd9d1dc60822f3d
-  data.tar.gz: c675459414c7682373017e52d6d4eb4588d517f6280d8af39aa4f9e2bed73ad6
+  metadata.gz: 61b8f04576385edf701a851c23d7844a692112c4350fe2fd05863711c277529c
+  data.tar.gz: bacec1878a3881c084805101d070c8dce6c934803085172ec3b2fd516660224e
 SHA512:
-  metadata.gz: 02e9510d524a96550b74fba5d48b19d2d59d0c82f7c585dd6b95359422da967240d58b5f833b36526a41309ee59f16a8e8018cc168e52b2fa8396ea25f4ae240
-  data.tar.gz: 72dd5a6d9f1adc6943f25d406125695c3ca7ad3414e5ab61b90714ececff2ca227b828e16dc790dbcb3004508ba181153e132179de0b459045fcfb4f8f20cef6
+  metadata.gz: 64d409626ef651aa300a38066514de2460a6f5232c4c7ca1ec8977fba314091f4a0690a12f302dfa1934d8eb7e3848f0398a9ee88d1f1eb805ebc113cea5b06e
+  data.tar.gz: 2f654f344ef6b82583aa51de25a33c55c526fa860d0e23635b69bb0997b99325d5e8a084989a66f0ba6bb2a888d416cde86358b5e08d6ee6286aa41ae959ce50

data/README.md

@@ -2,6 +2,9 @@
 
 Develop React components for Opal Ruby along with very easy to use and advanced React-Redux Components.
 
+## Chat
+At our [Gitter Isomorfeus Lobby](http://gitter.im/isomorfeus/Lobby) 
+
 ## Versioning
 isomorfeus-react version follows the React version which features and API it implements.
 Isomorfeus-react 16.5.x implements features and the API of React 16.6 and should be used with React 16.6
@@ -20,6 +23,21 @@ and to your client code add:
 ```ruby
 require 'isomorfeus-react' # this will also require isomorfeus-redux
 ```
+
+### Dependencies
+
+For full functionality the following are required:
+- [Opal ES6 import export](https://github.com/opal/opal/pull/1832)
+- [Opal Webpack Loader](https://github.com/janbiedermann/opal-webpack-loader)
+- [Opal Autoloader](https://github.com/janbiedermann/opal-autoloader)
+
+For the Gemfile:
+```ruby
+gem 'opal', github: 'janbiedermann/opal', branch: 'es6_import_export'
+gem 'opal-webpack-loader', '~> 0.3.7'
+gem 'opal-autoloader', '~> 0.0.3'
+```
+
 ## Usage
 Because isomorfeus-react follows closely the React principles/implementation/API and Documentation, most things of the official React documentation
 apply, but in the Ruby way, see:
@@ -136,7 +154,14 @@ end
 This creates a native javascript components. 
 The file containing the creator must be explicitly required, because the automatic resolution of Javascript constant names
 is not done by opal-autoloader.
- 
+
+A custom memo props function can be utilized when using React.memo directly with a function component and a block for checking the props:
+```ruby
+React.memo(`MyComponent`) do |prev_props, next_props|
+  prev_props.var != next_props.var
+end
+```
+
 A Function Component can then be used in other Components:
 ```ruby
 class MyComponent < React::PureComponent::Base
@@ -620,6 +645,17 @@ Overwriting should_component_update is also not supported.
 **Data flow of a LucidComponent within a LucidApp:**
 ![LucidComponent within a LucidApp Data Flow](https://raw.githubusercontent.com/isomorfeus/isomorfeus-react/master/images/data_flow_lucid_component.png)
 
+### Code Splitting with Suspense (doc is wip)
+
+React.lazy is availalable and so is the Suspense Component, in a render block:
+```ruby
+render do
+  Suspense do
+    MyComponent()
+  end
+end
+```
+
 ### Development Tools
 The React Developer Tools allow for analyzing, debugging and profiling components. A very helpful toolset and working very nice with isomorfeus-react:
 https://github.com/facebook/react-devtools

data/lib/react.rb

@@ -149,7 +149,16 @@ module React
     `React.lazy(import_statement_function)`
   end
 
-  def self.memo(function_component)
-    `React.memo(function_component)`
+  def self.memo(function_component, &block)
+    if block_given?
+      %x{
+        var fun = function(prev_props, next_props) {
+          return #{block.call(::React::Component::Props.new(prev_props), ::React::Component::Props.new(next_props))};
+        }
+        return React.memo(function_component, fun);
+      }
+    else
+      `React.memo(function_component)`
+    end
   end
 end

data/lib/react/version.rb

@@ -1,3 +1,3 @@
 module React
-  VERSION = '16.6.1'
+  VERSION = '16.6.2'
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: isomorfeus-react
 version: !ruby/object:Gem::Version
-  version: 16.6.1
+  version: 16.6.2
 platform: ruby
 authors:
 - Jan Biedermann
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2018-10-29 00:00:00.000000000 Z
+date: 2018-10-31 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: opal