I am able to run the isomorfeus-website project locally but creating a new project gives me this error:
18:03:54 web.1 | ERROR: Iodine caught an unprotected exception - RuntimeError: Isomorfeus in development on Server:
18:03:54 web.1 | Server Side Rendering: Failed loading asset http://localhost:3036/assets/web_ssr.js from webpack dev server, asset is not javascript. Did the webpack build succeed?
[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
I read this article about "React suspense" (fetching asynchronous data)
It looks to me all that sort of things is provided by default with :isomorfeus: , right, or I miss something ?
https://medium.com/trabe/fetching-asynchronous-data-with-react-suspense-8814eaf6a2c6
useEffect hook.The
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
So do I also have to use something like `
React.createRef();to create the ref initial value ?
useEffect , one thing I'm not sure to understand (must be because i'm not familiar with JS syntax):in
isomoerfeus_react source code I can see:def use_effect(&block)
`Opal.global.React.useEffect(function() { #{block.call} })`
endbut in the REACT example we pass that (1 block + 1 array of ref):
For now, my translation into ruby loos like that:
react_devtools_backend.js:6 undefined method `props' for GsapRunAnimation