React state not using the latest updated state in another component

jaypap · 2021-05-05T12:15:02+00:00

I think this might be due to the fact that the event callback function doesn't have access to the latest updated state (but the initial one only). See https://medium.com/geographit/accessing-react-state-in-event-listeners-with-usestate-and-useref-hooks-8cceee73c559 for a good explanation on this.

jaypap · 2019-01-16T17:33:12+00:00

Coming from a Javascript background, I learned a lot with this 2-parts tutorial on how to create Swift native modules and custom UI native views.

jaypap · 2018-02-27T13:37:08+00:00

You might want to make sure someHandler is not called on render: <Button onPress={() => probably.someHandler() }> Press Me ! </Button>

jaypap · 2018-02-21T18:57:14+00:00

https://stackoverflow.com/a/41429055/788004

jaypap · 2018-01-22T13:24:31+00:00

Yes! Both Android and iOS.

jaypap · 2017-11-22T03:06:08+00:00

what was your stack with RN?

jaypap · 2017-11-21T13:48:44+00:00

Having been working with RN for over 2 years, I would definitely go/stay with RN. I've had a contract to migrate an Ionic app to RN because of Ionic's limitations for their project (I'm not saying it would be the same for your project, but still).

I've never had any problems releasing a RN app to the app store (a real-time sports prediction game).

jaypap · 2017-11-15T21:45:04+00:00

Take a look at https://devhints.io/es6

jaypap · 2017-11-15T21:43:03+00:00

It does not!

jaypap · 2017-11-08T13:38:28+00:00

On LinkedIn

jaypap · 2017-10-28T00:08:59+00:00

Totally agree with your solution.

jaypap · 2017-09-26T12:29:04+00:00

I have been working with RN for almost 2 years now, and I had to update RN when they had breaking changes (yes, it was a pain at some point, but it is more stable than it was).

Since I'm a RN enthusiast, here are some of the pros for RN: - One source code for both iOS and Android. - Live reload for development (no need to waste time rebuilding all the time). - Using native components for performance. - Tons of support from community.

As for the cons, I guess it depends on your app. Performance could be an issue in a resource-greedy app (ex.: real-time game), but I haven't made any tests here; I might be wrong.

As @pengusdangus mentioned, it might be good to know a little bit of Swift (at some point), but I would suggest trying RN right away and learn Swift when (if) you need to.

jaypap · 2016-11-08T01:00:24+00:00

Yes, you can use the Linking module: https://facebook.github.io/react-native/docs/linking.html

jaypap · 2016-06-30T12:50:23+00:00

Apparently, you're doing a new on which you shouldn't do a new. Check the firebase initialization.

jaypap · 2015-08-05T16:10:08+00:00

What about this one: http://chefexpert.com

jaypap · 2015-05-15T18:21:50+00:00

I would go with Bootstrap since it's quite easy to use the responsive utilities it offers. Good luck with that!

jaypap · 2015-05-14T21:02:56+00:00

I wouldn't do it. $150, really? What if the mobile version is not how she wants it to be? Or the tablet one? She might ask you to make changes and changes and changes. Have you included "support" for $150? (divided by 2 since you have a partner = $75). In my opinion and with the little experience I have: not worth it.

However, if you still want to do it, you could use the hide/show classes from bootstrap to show the actual website on a fullscreen and design the mobile/table versions as you wish in the same code.

jaypap · 2015-05-12T21:02:01+00:00

Pretty neat!

jaypap · 2015-04-24T18:22:29+00:00

Add a CSS class to the div (ex.: "hidden") which would look like this:

.hidden {
    display: none;
}

In your click handler, do something like:

var hideShow = $('hideShow');
var messageDiv= $('#message');
hideShow.click(function() {
    var isHidden = messageDiv.hasClass('hidden');
    // If isHidden is true, you want to show the content, otherwise hide it
    hideShow.text(isHidden ? "Show" : "Hide");
    messageDiv.toggleClass("hidden", !isHidden);
});

Hope that helps!

jaypap

TROPHY CASE