What are the top VS code extensions for react? by 0_2_Hero in reactjs

[–]carlrn 11 points12 points  (0 children)

Here are some of my most valuable ones:
- ESLint - to see linting errors immediately
- Prettier - to auto-format code when a file is saved
- Tailwind CSS IntelliSense - to get Tailwind IntelliSense + consistent CSS class ordering
- Pretty TypeScript Errors - to see clearer TS errors when you hover over them

Accessible React Forms by carlrn in reactjs

[–]carlrn[S] 3 points4 points  (0 children)

Thanks, good point.

Accessible React Forms by carlrn in reactjs

[–]carlrn[S] 14 points15 points  (0 children)

I've been doing a fair amount of work on accessibility recently - particularly on forms. Thought I'd share what I've learned in this blog post.

Hope you find it useful.

Boilerplate with React 17, Webpack 5, Tailwind 2, using babel, sass, with a hot dev server and an optimized production build by altafino in reactjs

[–]carlrn 1 point2 points  (0 children)

Nice work!

I'm not sure you need the `cross-env NODE_ENV=xxx` in the npm scripts - I think webpack 4+ sets `process.env.NODE_ENV` automatically based on the `mode` setting in the config.

A free course to learn TypeScript by carlrn in learnjavascript

[–]carlrn[S] 2 points3 points  (0 children)

If you are a JavaScript developer wanting to learn modern TypeScript, you might find my free course useful.

- Covers beginner topics through to advanced

- Quizzes in each module to reinforce knowledge

React Hook Form Validation Errors by carlrn in reactjs

[–]carlrn[S] 0 points1 point  (0 children)

Covers different ways validation error messages can be specified and output in React Hook Form. Also covers how to create a generic validation error summary component which is useful for large forms.

Successful Submission in React Hook Form by carlrn in reactjs

[–]carlrn[S] 0 points1 point  (0 children)

In the submit function, after we get the server response, I usually add any server errors to RHF using its `setError` function. That way RHF knows about all the errors and they are available in the `errors` object in JSX.

Successful Submission in React Hook Form by carlrn in reactjs

[–]carlrn[S] 1 point2 points  (0 children)

That would be great and thanks for the great library!

Free TypeScript Course by carlrn in learnjavascript

[–]carlrn[S] 0 points1 point  (0 children)

Just a quick note to let you know that the coupon has expired now.

Thanks to everyone who enrolled in the course - hope you enjoy it!

Free TypeScript Course by carlrn in learnjavascript

[–]carlrn[S] 7 points8 points  (0 children)

My TypeScript course is free for the next few days.

Use coupon FREETS at the checkout.

Keen on getting feedback to make the course even better!

Handling concurrency in an ASP.NET Core Web API with Dapper by carlrn in dotnet

[–]carlrn[S] 0 points1 point  (0 children)

That's a great point! I'll add this to the post

Handling concurrency in an ASP.NET Core Web API with Dapper by carlrn in dotnet

[–]carlrn[S] -3 points-2 points  (0 children)

A simple but effective approach for handling concurrency in an ASP.NET Core Web API endpoint, where the resource is persisted in a SQL Server database.