DEV Community: GregLimo

How to execute javascript foreach in series?

GregLimo — Thu, 25 Nov 2021 06:55:27 +0000

Hey buddies, On a piece of code I am working on there is a number of async functions that operate on an array of data. The way I would expect to handle this is using the standard forEach function. The problem found is that even if you await in the callback in the for loop this does not help:

const takesLongToRun = async additionalText => {
  setTimeout (() => {
    console.log (`Long function done :) ${additionalText}`);
  }, 3000);
};

const mainFunc = async () => {
  const numbers = [1, 2, 3, 4];

  numbers.forEach (async num => {
    console.log (num);
    await takesLongToRun (num);
  });
};

mainFunc ();

which outputs:

1
2
3
4
Long function done :) 1
Long function done :) 2
Long function done :) 3
Long function done :) 4

So the functions do run in order but it doesn't wait for each value to complete before proceeding to next, what I expect is:

1
Long function done :) 1
2
Long function done :) 2
3
Long function done :) 3
4
Long function done :) 4

After doing a bit of googling I found that this is an issue with forEach and instead the for of syntax seem to solve it in theory. I changed the code as below but still worked the same.

const mainFunc = async () => {
  const numbers = [1, 2, 3, 4];
  for (const num of numbers) {
    console.log (num);
    await takesLongToRun (num);
  }
};
mainFunc()

The result is still the same, I will really appreciate any insight on this from anyone who has experienced it before. Thanks.

Can you use class components with Apollo client 3?

GregLimo — Fri, 09 Oct 2020 11:40:36 +0000

Hello great people... I recently started on with apollo v3, been using react-apollo for long and recently was forced to adopt v3. However, I have gonw through the docs and don't see an instance for use with class components. Ofcos we can't use hooks with class components and although useQuery and useMutation hooks are not specific to react, we can't still use them because they start with keyword use. Anyone please give insight about this. thanks in advance

Git Revert to certain point in history in remote repo

GregLimo — Mon, 05 Oct 2020 16:13:29 +0000

I am working on a project in which I pushed several commits (more that 10 commits) to master. For some reason I need to revert to the 11th commit back and make that head at master(Jenkins is listening at master), I have no idea the best way to do this coz I have seen some comments warning of a possibility that the repo could be rendered unfunctional...
Will realy appreciate any hint from someone who atleast understands abit of this coz am kinda noob to git/github

Error fixing and Debugging React Native as a job

GregLimo — Wed, 26 Aug 2020 16:52:17 +0000

Have been working with React Native Intensively for about a year and half now. Everyone conversant with the React ecosystem, especially React Native must acknowledge having made terms with the Mountain lump of errors that may arise in the process.
Most of these errors always arise due to the limitations that the React native bridge has in porting Javascript modules with/to native modules. Many times I've had myself trans night trying to look up a solution at GitHub, StackOverflow to no avail, this is always the least you want to see happening as a freelancer working under strict datelines and for a client who might not really get what the whole process entails.
So today I set out to offer a quick solution by offering to debug as a service. Mainly Targeting React and React Native issues/errors, which might include writing own custom native modules to port to the React side of the app successfully, this isn't really a bug, but a good recipe for the strenuous bugs.
I know there exist some people already doing this, but I want to dedicate myself to the venture with the aim of honing my skills further and prepare adequately for future projects.
If you use React/React Native often. You can show some love by saving my gig [https://www.fiverr.com/share/QrYqo1] so you can easily reach out upon need.

Thanks for the read, please leave your comments and feedback below.