janbiedermann on master
update config for example and t… (compare)
janbiedermann on master
further readme split up (compare)
janbiedermann on master
fix travis config (compare)
janbiedermann on master
fix links (compare)
janbiedermann on master
exclude specs in fixtures clean up a bit corrections in readme and 8 more (compare)
janbiedermann on master
update branch for compilation t… add es6_modules_string branch t… (compare)
janbiedermann on master
let var be let (compare)
janbiedermann on master
add test to execute ruby with c… (compare)
janbiedermann on master
update doc for branches and PRs (compare)
janbiedermann on master
keep test_apps folder for tests (compare)
janbiedermann on master
simplify a bit spec add owl to dependencies test for 'public/assets' add te… and 2 more (compare)
janbiedermann on master
document file tree more accurat… (compare)
janbiedermann on 0.7.3
janbiedermann on 0.7.3
[slack] <janbiedermann> @Diego i just remembered whats the issue, i think, did not have time to test yet. The default asset name for SSR changed because of the preparation for React Native, in your project root, the your_app.rb roda app, there is a mount_component method call, that needs a param at the end. I think you need to add 'application_ssr.js'.
The default changed to 'web_ssr.js', but that change i think is so far only in i-react, which is a bit ahead of :isomorfeus: zeta25
[slack] <frédéric ZINGG> @janbiedermann I'm trying to introduce the GSAP animation ibrary (https://greensock.com/) into the isomorfeus-website
On their Helloworls youtube video (https://www.youtube.com/watch?v=znVi89_gazE) they talk about : "React useEffect Hook"
I guess it is easy to transpose that sor of REACT useEffect hook with :isomorfeus: ?
https://medium.com/trabe/react-useeffect-hook-44d8aa7cccd0
[slack] <janbiedermann> Sure it easy with :isomorfeus: , you will have to use a Func component, then you can use hooks. For the website, that would be LucidMaterial::Func. See also the extensive documentation here https://github.com/isomorfeus/isomorfeus-react/blob/master/ruby/docs/lucid_func_component.md .
useEffect is a default React Hook and like any other React Hook you can just call it like:
use_effect
some conversion of args is done, but i am not sure, ymmv, just complain if something does not work and i fix
useEffect
hook.header
const, is a props ?: https://files.slack.com/files-pri/THYSYJT0F-F011BFS0HV3/download/image.png
[slack] <janbiedermann> usually you pass the ref prop and it will be filled with the ref, here the ref is created beforehand and then passed as props
so that ref provides access to h1
[slack] <janbiedermann> so first:
create ref
second:
pass ref to useEffect
third:
pass ref to h1
during render:
h1 will fill ref with value
useEffect will be called, can access h1 via ref
React.createRef();
useEffect
, one thing I'm not sure to understand (must be because i'm not familiar with JS syntax):isomoerfeus_react
source code I can see:def use_effect(&block)
`Opal.global.React.useEffect(function() { #{block.call} })`
end
react_devtools_backend.js:6 undefined method `props' for GsapRunAnimation