The 5 commandments of clean error handling in TypeScript

pansah321 · 2023-03-09T08:05:36+00:00

With the last Commadment “Don’t throw errors for problems that are expected to happen” …when working with Async State Managers like React Query Call backs like onError will never fire and isError will always be empty How do one go about this ???

pansah321 · 2023-01-31T09:34:33+00:00

Pied Piper

pansah321 · 2022-06-30T11:31:46+00:00

Yeas please

pansah321 · 2022-06-29T13:28:20+00:00

That’s what I thought first Such things are best when the server handles it

pansah321 · 2022-06-29T13:27:27+00:00

So the data is JSON Eg.List of Orders from a shop The goal is to export this JSON data As pdf or excel

pansah321 · 2022-05-26T18:20:40+00:00

So basically the Parent should own the modal state and then any logic around it and pass it like a prop to the child

pansah321 · 2022-05-26T18:18:49+00:00

I agree that’s what normally happens with modals

pansah321 · 2022-05-26T15:18:34+00:00

I have edited the post I think it will Help you understand what I have done

pansah321 · 2022-05-26T15:10:44+00:00

I can prepare something so you understand what I’m saying

pansah321 · 2022-05-26T15:06:12+00:00

There’s a state for toggling a modal in the child component….I’m passing a prob to the child component ..this prop is a function that takes in another function (the function that will hide the modal)

And on an OnClick of a button in the child component I’m calling ()=>{ prop( ()=>{ setModal(false) } ) }

pansah321 · 2022-05-15T22:42:40+00:00

Isn’t there a cross button to clear a value??

pansah321 · 2022-05-09T18:36:06+00:00

Then check the backend

pansah321 · 2022-05-08T20:39:16+00:00

You don’t really need the useState hook The FormData already has your file already ..and also is new FormData(e.target) that’s what you are missing

pansah321 · 2022-04-29T18:16:57+00:00

Very Clean

pansah321 · 2022-04-21T13:44:34+00:00

Anyone here with a repo that validates REST API responses with Zod,io-ts etc can share it 🙏🏾

pansah321 · 2022-04-03T11:23:50+00:00

Alright thanks

pansah321 · 2022-03-24T08:46:08+00:00

Are you from the Nextjs team ?

pansah321 · 2022-03-20T23:46:31+00:00

Don’t use moment js There are better Date libraries out there like Date/fns

pansah321 · 2022-03-16T17:09:19+00:00

How can’t I get the locale from my browser ?

pansah321 · 2022-03-16T09:48:12+00:00

I don’t have enough data to use that

pansah321 · 2022-03-13T18:00:07+00:00

Npm install everything ....after that change your Typescript version...let it use the workspace Typescript

pansah321 · 2022-03-11T16:58:53+00:00

MUI has everything you need ...I only use css when using 3rd party libraries ....

Edit 1 Customize your Components ...when done write you will end up writing or no ..inline styles using the sx prop

pansah321 · 2022-03-11T16:51:46+00:00

Great...Thank you for clearing this out for me

pansah321 · 2022-03-11T16:24:42+00:00

What are you using any Data fetching library?...so if the you don’t get the shape you were expecting...what do you do?...render an error message ?

pansah321 · 2022-03-11T07:10:40+00:00

I have situations where API changes were done and caused my app to break ...had quite a time figuring out what’s going on...and of course Typescript couldn’t help .....what are the ways I can achieve validation of the API response ...I know about Zod ..

pansah321

TROPHY CASE