Task.Run(() =>
{
	//code goes here
});

In ReactJS, if ESLint says you cannot use inline arrow functions to pass in props in JSX, a solution is to wrap them with the useCallback hook.

Reference: https://stackoverflow.com/a/36677798/5041911

Modals — can be used to add dialog or popup info boxes on your ReactJS app.

So using this library actually helped me solve my Azure Application Insights logging issue. The issue being, since I had a dateOfBirth object in my formData object, app insights would save it as an object, as opposed to something like dateOfBirth: 2024-04-16. The solution was to flatten the formData object so it will get logged properly in Azure App Insights.

Rendering the HTML string in React — short tutorial on how to render an HTML string in ReactJS/Gatsby.

Series: #DevNotes Tags: #CSharp #DotNet #Template #ReactJS #Azure #ApplicationInsights #Gatsby

Discuss... or leave a comment below.

If you want to see what kind of error Axios throws, it is better to use console.log(error.toJSON()) than console.log(error). That's because the former option will list out all the properties from the error variable, while the latter option will only list out the error message itself.

Instead of adding todo comments, track it as a task so it doesn't get lost.

Source: TODO: Post an Article

Looking for a new way to do end-to-end testing on modern web apps? Check out Playwright. The tests are pretty easy to follow because it's basically a set of instructions written in code. So as you might have guessed, it's catered more to developers than non-technical folks.

I am going through the Pro ASP.NET Core 6 book. After trying to run the command libman install bootstrap@5.1.3 -d wwwroot/lib/bootstrap from page 72 (Chapter 4) of the book, I started getting the error listed below:

[LIB002]: The "bootstrap@5.1.3" library could not be resolved by the "cdnjs" provider

Turns out it was an issue with the library manager package that was installed. The fix is to install a newer one. More info can be found here:

https://github.com/Apress/pro-asp.net-core-6/blob/main/errata.md

Was looking for a way to add a list of objects to the appsettings.json file, then retrieve that list and turn them into something I can check against in a controller class. This answer works wonderfully.

React Hook Form — seems like a cool alternative form handler for React.

SQL to MongoDB Mapping Chart — good reference on how to write MongoDB queries based on expected SQL Server queries.

Reasons to blog if you're a software developer:

• It helps you write better emails at work.
• It helps you write better user stories and acceptance criteria.
• It helps you communicate your ideas better.

If you're noticing a pattern there, it's all about being a better communicator. And you would want that, because that also helps you advance in your career.

Series: #DevNotes Tags: #Axios #ASPNetCore #Azure #Blogging #JavaScript #MongoDB #Playwright #React #SqlServer #Tests

Discuss... or leave a comment below.

This is the exception message I got: The remote server returned an error: (400) Bad Request.

Yeah, no help at all. Thankfully since I was writing the code, I could see where it was running into the exception. So I know it was an issue when trying to create a Container. It would have been a much bigger headache had I been trying to support a library that didn't have good exception logging or show the correct stacktrace.

I can somewhat understand why they did it this way though; it's most likely for security reasons that they are returning a very vague error. Either way, you have to know that there are a bunch of naming rules concerning how to name things in Azure Storage. For the official list from Microsoft, you can head over here.

Tags: #Azure

Discuss... or leave a comment below.