Adding a loading indicator to a button in React

Adding a loading indicator to a button in React #react #reactjs #reactjsdeveloper #programming #progammer #frontend #devtok #coding #code #codetok

[russellandrady]

Nice. Typescript seems more organized and clear to read than js.

[jonathan_machado]

Great you can disabled the button with loading state🎉

[ThiagoMarchettiHolanda]

Great! If you put the loading state on disabled prop of button, would be even better. What do you think?

[PunkVoter]

Jumping ui is bad.
Don’t shrink and move the button text to the right. Instead add the loading circle in front of the text.

[romankng]

Would you wanna put the handleClick in a useCallback?

[KingBhai]

can u do it without causing rerender in parent? because state changes in parent so parent will rerender unnecesarily, because only child (spinner) should render?

[oabdulazeez]

Now you know!...

There you go.

Thanks