Example with multiple components about react-simple-img HOT 10 CLOSED

I will take a look the provider issue soon over the weekend. To be honest i probably need to update the context API too.

from react-simple-img.

from react-simple-img.

I tried with initSimpleImg() running top-level in Page.js and separately in User.js. It works perfectly using Gatsby v2 in dev, but when I build it, the images only update if I start on Page, not if I first load another page.

from react-simple-img.

Hi @millette i have updated with a patch to fix the provider bug :)

from react-simple-img.

I just upgraded my project with the patch version and it broke on my end. For example: https://github.com/millette/gatsby-starter-location-github/blob/master/src/components/github-user.js#L8

I moved the init call to the page component (pages/index.js) and contrary to previous version, I was not getting observer errors when I split SimpleImg and initSimpleImg to 2 files, but now, in either case, the images aren't getting loaded, only the gradient placeholder is shown.

from react-simple-img.

Don't worry too much about my comments, as I said, I'm just getting started with Gatsby and my React Fu isn't the greatest either. Also, I found out gatsby has it's own image lazy loader, but I'm not 100% sure it would be effective in my case.

I found using your component to be very simple and effective. For instance, this turned out rather well: https://rollo-venezuela-wtmknramwg.now.sh/ :-)

from react-simple-img.

hey @millette,

lovely demo! i am glad it worked for you! i checked your code for working on per component you probably should use provider. but if it worked for you with previous patch, that's all it matters. 😄

thanks
bill

from react-simple-img.

ok i have made a new patch this should be fixed now (1.3.16), going to close the issue in the next couple days, if nothing reports :) thanks

from react-simple-img.

Looking good on my end. As I mentionned, last patch broke it for me, but with this one, my project works again. Thanks!

P.S.: I will eventually revisit my code to make proper use of provider.

from react-simple-img.

👍 thanks @millette

from react-simple-img.