DEV Community: Sumit Wadhwa

Why doesn't useState has a dependency array?

Sumit Wadhwa — Sat, 25 Jun 2022 11:20:18 +0000

This is how I'm updating a custom hook's state based on the prop passed to it:

const useCustomHook = (prop: number) => {
   const [state, setState] = useState(prop);

   // this is how I'm currently updating state
   // when the props change.
   useEffect(() => {
      setState(prop);
   }, [prop]);

   return state;
};

// it's usage
const [localState, setLocalState] = useState(0);
const hookState = useCustomHook(localState);

But the problem with above approach is that the return state of the custom hook is going to run first, returning the old value before running the useEffect callback and updating the hook's state and then returning the new state. This will cause the main component to render twice.

Now you may ask, what's the big deal if it renders twice? It can lead to bugs. For example, the custom hook could be a count-down, implementing setInterval, that comes down to 0, but when I reset it with setLocalState(5), the useCustomHook will immediately return 0 and not 5.

Why doesn't useState return updated value based on if the value passed to it is changed? or why doesn't it have a dependency array like useEffect if we don't want to change its behaviour.

Thanks for your time.

How to know if oauth2.0 authentication setup might be an overkill?

Sumit Wadhwa — Thu, 14 Nov 2019 16:20:23 +0000

So, I'm assigned with a task to create APIs for an Instagram-like application. And, Laravel is the framework that we decided to go with. I'm setting up authentication and the last time I did it, it was just with long-lived access tokens (jwt). You know like once users authenticate they're issued a long-lived access tokens which they provide on every subsequent requests. In fact, I'm thinking about doing this again.

But, I've recently learned that long-lived access tokens are bad. They can be stolen and misused. Short-lived access tokens must be used and should be renewed by a refresh token.

So, how do I introduce this "refresh token" into this client-server stateless architecture?

Kindly share your experience.

Thank you.

Explain Lazy and Eager Loading Like I'm Five

Sumit Wadhwa — Fri, 21 Dec 2018 06:34:40 +0000

How will Google crawl my website in response to JSON-LD?

Sumit Wadhwa — Wed, 18 Apr 2018 12:00:30 +0000

JSON-LD is a convenient way to put my site's meta information to be displayed by search engines.

My question is:

Will Google be able to crawl my site's JSON-LD if it's not in the final page source sent by the server, rather generated on the client side with JS?

Explain Dependency Injection Container like I'm five

Sumit Wadhwa — Wed, 11 Apr 2018 07:53:58 +0000

I'm having a hard time wrapping my head around a DI package for PHP (PHP-DI). And why exactly would I want to use it?

Also, how it is different from simply instantiating a class wherever you want?

You can explain the title in regards or regardless to any particular language.

Explain Intermediate or Chained Certificate like I'm five

Sumit Wadhwa — Wed, 14 Mar 2018 07:39:56 +0000

Q: How to set up a Front End Environment in a PHP project?

Sumit Wadhwa — Thu, 08 Mar 2018 11:42:36 +0000

So I've just started digging into Codeigniter (a lightweight PHP framework) and wish to set up a complete front end development environment with, as it has nothing like this out of the box. A little light weighted replica of one Laravel employs, if you may.

In the process, I've stumbled upon different terminologies such as JS Task Runner, CSS Preprocessor, CSS Framework, Bower, and webpack, etc.

My question is: What would be the best way to get to know more about them and most importantly, piece them together to make it work?

Thanks.

THE most exciting web tech war EVER

Sumit Wadhwa — Mon, 19 Feb 2018 18:44:56 +0000

Ever been to some YouTube video page where you just wanted to like go through comment section and see people fighting over stupid things?

Well, this blog post, though posted over 4 years ago, has one of the the most amazing tech wars going on in its comment section (which, unlike the post, is updated).

Title: You use PHP because you don't know better
Author: Adam Bard
Link to the blog

Explain Factory Pattern Like I'm Five

Sumit Wadhwa — Thu, 15 Feb 2018 08:00:30 +0000

How to temporarily store API response?

Sumit Wadhwa — Sun, 04 Feb 2018 14:32:42 +0000

I'm currently working on a Laravel based application that lets users access their Google drive and have all of their files listed on our front-end.

My question is, how do I temporarily store this API data so that even if user refreshes the page, s/he doesn't have to repeat the google consent screen step all over again, and the data can be shown to the user?

I read couple posts regarding this, though I got confused among different technologies that can be leveraged to achieve this. Techs like Redis, Varnish, HTML5 storage, and most importantly Nginx caching gateway.

Can you shed some light? Thanks

A Web App that tells which Tech is more trending than the others - in real time.

Sumit Wadhwa — Sun, 28 Jan 2018 13:47:27 +0000

I've started out my programming career pretty recently and the best thing I learnt so far is that we should learn not just to code but to create.

So, the other day, I was visiting couple forums online that, perhaps, developers visit on a daily basis. You know like StackOverflow, or Github. And there I saw information. Information about how much people are involved in any given technology. So I thought to myself, let's create more information.

Within couple days (since the idea was clear) I created this application that lets you compare and tells which one is more hotter than the others that you may mention.

Check out: SixthHash . It was a rushy thing that I'd made for the first time. The App is hosted over AppSpot by Google and uses php & js.

Share your experience and please let me know what changes you felt should be there in the App.

Thanks for reading.