DEV Community: Joe Pool

Debug React

Joe Pool — Wed, 13 Apr 2022 18:02:45 +0000

I have to debug a website built with React (16.12.0 per the package.json file).

When the Customer clicks "Next" in the process, the next page loads with the bottom of the page shown instead of the top.

The problem is that there is no React.js page that is loaded. I'm still on the same page and the URL hasn't changed, so I can't step through the OnLoad event.

I set a breakpoint on the mouse click() event in Chrome, but it ends with a call to an anonymous "await function" that I cannot find where it is created.

Work told me to watch some training videos on React.js, but those are too basic.

Does anyone know what I could look for?

How do I remove a TAB from text that is pasted in from the clipboard?

Joe Pool — Mon, 11 Jan 2021 21:12:37 +0000

I think I am failing on my regular expression, the best I can tell.

    $(document).ready(function() {
      $('input').bind('paste', function() {
        setTimeout(function() {
          var obj = ('input').val();
          var text = obj.replace('^[a-zA-Z0-9\\-\\s]+$', ' ');
          $('input').val(text);
        });
      });
    });

I have made a fiddle here:

https://jsfiddle.net/jp2code/5enmojb2/20/

Looking for Angular Debugging Help

Joe Pool — Mon, 21 Dec 2020 22:54:18 +0000

I am looking for a good place to post questions about Angular development and structure that I can't seem to grasp from tutorials alone.

I can't seem to ask basic questions about web development on StackOverflow.com because my reputation is too high. I get a few downvotes, and nobody looks at my questions.

We have a big project here that we are taking over, and I need a way to just get questions. It seems odd that I haven't found any decent forums on Angular.

Right now, I am trying to import data to create Entities. The button calls a javascript compare routine that is throwing out the message, "Error: Related Entity 'Physical Location' used by Reference Field 'Physical Location' does not exist in Target. Create Related Entity in Target and try again." What table is it talking about? How do I step into the code to see what it is doing?

The package.json file shows "version": "0.0.0", but I know it isn't that. The TypeScript is compiled to JavaScript and used in our Visual Studio 2019 project by Razor, ASP.NET and MVC - none of which I excel at. Most of the files are logically arranged, but there are lots of files that seem way too hard to find.

Where is a good place to go for help, not tutorials?