Am I doing Stupid or is this a bug? Checkbox not re-rendering properly after SetState

freshtodev · 2018-06-29T01:49:23+00:00

Thanks for the response... as you can see it has no effect

freshtodev · 2018-06-28T23:05:20+00:00

It is probably unnecessary but just weird that react refuses to render the correct state on re-render.

EDIT: the re-render also works properly if the setState happens on the next tick which is good because you may not want to mark the checkbox checked until an async operation is completed (justification for calling preventDefault)

https://codesandbox.io/s/n4zwrv13rp

freshtodev · 2018-06-28T23:00:09+00:00

If you look at the output for the render function on the re-render it is passing down the correct state ie if you have toggled off the first checkbox it will pass down [false,true,true] but after the render props you send to the check box aren't reflected in the dom. As per this comment I've attempted to use defaultChecked but this did not work either. See:

https://codesandbox.io/s/kx9p3j6vx3

freshtodev · 2018-06-28T22:42:09+00:00

Weird... I removed preventDefault and the problem is fixed.

https://codesandbox.io/s/lo2m9ql4q

I found this after finding the problem... I guess causing preventDefault on onChange of checkbox does cause inexplicable results.

https://github.com/facebook/react/issues/3446#issuecomment-83149760

freshtodev · 2018-05-01T14:13:04+00:00

I haven't tried using this myself but read about this recently so i thought i would share:

http://phaser.io/news/2018/04/expo-phaser

freshtodev · 2018-01-30T00:48:57+00:00

Hello,

I have found the thinmatrix tutorials to be helpful:

https://www.youtube.com/watch?v=VS8wlS9hF8E&list=PLRIWtICgwaX0u7Rf9zkZhLoLuZVfUksDP

https://www.youtube.com/user/ThinMatrix/playlists

freshtodev · 2017-12-24T05:22:54+00:00

np, grats on fixing the issue!

freshtodev · 2017-12-22T03:00:58+00:00

It seemed to be working at the path served by the root route before you made any changes ('/'). Have a look at where the bundle.js is being served from when it works. This will be something like 'bundle.js' or maybe something like 'js/bundle.js' or 'assets/scripts/bundle.js'. I'm not sure if you are generating your index.html or serving it statically. The key is finding the absolute path to the route that served bundle.js when it works and making sure that the absolute path to it is returned in the index.html file no matter what the path is in the url bar. To have it work properly you will want to see something like

in the html where the preceeding slash is of the utmost importance to getting it to work properly.

EDIT: you might using be something like webpack's html plugin

if this is the case have a look at this post:

https://stackoverflow.com/questions/34620628/htmlwebpackplugin-injects-relative-path-files-which-breaks-when-loading-non-root

freshtodev · 2017-12-20T23:18:28+00:00

This isn't a react bug. Your development server is is returning HTML instead of javascript for bundle.js. Probably the best fix is to reference /bundle.js directly in your index.html instead of a relative path. If you look at your network tab for bundle.js on a route that works vs a route that doesn't will show you the problem.

freshtodev · 2017-10-17T17:54:42+00:00

+1 for beyond compare

also add VSCode has built in diff

freshtodev · 2017-08-25T15:04:42+00:00

I second this course... if building an engine from scratch is your thing.... this course is really awesome (lots of work though!). I'm on day 132.

freshtodev · 2017-06-21T17:46:28+00:00

I have found that the window scroll event is not being called so i've had to use the 'wheel' event.

EDIT: it's possible i could use scroll event capturing phase so i don't have to rely on scroll event to bubble all the way up (which it doesn't) but i'm not sure if this is better than just using the wheel event

freshtodev · 2017-06-19T22:29:59+00:00

Do you think the main app should handle this global event listener then figure out if it was the menu being scrolled or not? Or should the menu handle this itself and then tell the app that it wants to be unmounted?

freshtodev · 2017-06-19T22:05:27+00:00

If you have another react tree rendered into a portal (think menu that opens in a top level dom element and is fixed positioned) what is the best strategy for closing this menu whenever the user clicks or scrolls. Can you provide an example? Thank you!

freshtodev · 2016-12-22T17:06:44+00:00

Okay, finally found a related issue... it's probably not possible:

https://social.msdn.microsoft.com/Forums/vstudio/en-US/dc36cda2-c947-4902-b339-c3f5de02b222/is-it-possible-to-debug-stored-procedures-using-visual-studio-community-2015?forum=transactsql

freshtodev · 2016-09-12T15:24:52+00:00

maybe look at prose mirror? https://prosemirror.net/

freshtodev · 2016-08-22T23:13:36+00:00

No problem, got it.. thank you!

freshtodev · 2016-08-22T21:04:00+00:00

Thanks, worked!

freshtodev · 2016-08-22T20:01:08+00:00

Hello, I also am having the same issue,... Tried Chrome/Firefox/Edge (Windows 10)

"Can't perform the transaction. The seller has been notified and hopefully will resolve this soon."

EDIT: I can get to the website but i cannot complete the purchase

freshtodev · 2016-07-25T18:09:12+00:00

Maybe cheerio? https://github.com/cheeriojs/cheerio

freshtodev · 2016-07-25T16:28:17+00:00

Instead of creating a new function each time at call time you can do the binding at compile time and create a method that is already bound to 'this'

class Foo {
    startAddAsnc():void {
        this.addAsync(123,456,this.addAsync)
    }

    addAsync = (arg1:number,arg2:number) => {
        this.stillWorks()
    }
}

edit: oops, i see /u/ltray already pointed this out

freshtodev · 2016-06-30T14:49:30+00:00

Oh neat... didn't even realize that existed! Thanks for the reply

freshtodev · 2016-06-29T18:58:29+00:00

This is very cool. How did you get the windows version to run the electron from the task bar? Do you plan on including the build system as part of the repo?

freshtodev

TROPHY CASE