Automating my Portfolio

Manikanta — Wed, 26 May 2021 10:15:45 +0000

Goal

So, I've been thinking to showcase my skills in a single go and I've been meaning to use various new features of GitHub like actions, projects, static hosting, etc., and doing all these together in creating my own portfolio seems like a good idea to me.

“Talk is cheap. Show me the code.” ― Linus Torvalds

Source Code

Process

I have written a React application with custom webpack config, tests that can verify code on every pull request to make sure nothing breaks, automated release on main(develop) branch to gh-pages(master branch as this default repository).

Since Github can host static content for .github.com on master, my deployment was made to the master branch.

I made sure my CI reports to Coveralls, code factor, and integrate dependabot to raise automatic PRs for updating dependencies. Each PR runs test cases using GitHub Actions and a dispatcher workflow that can deploy code to master branch after building the code. I also run semantic release to automate much of release management(generating tags, changelogs, source code etc.,)

End Result

Overall it is a fun project for me to use so many tools to do something cool.

When should I use forEach and map of JavaScript Array?

Manikanta — Thu, 09 Jan 2020 03:24:30 +0000

I have always contemplated over when to use forEach and map of Javascript array. Both forEach and map does the same thing of running a function over every element of the array. But when should I use each one of these functions?

Scenario 1:
I want to create a new array based on a function. A transformation.

const tenants = [
      { env: 'prod', users: 10 },
      { env: 'pre-prod', users: 5 },
      { env: 'dev', users: 1000 },
      undefined
    ];
const modifiedTenants = 
      .filter(Boolean)
      .sort((a, b) => a.env.localeCompare(b.env))
      .map((tenant) => {
        return { ...tenant, message: `${tenant.env} has ${tenant.users} users` };
      });

Scenario 2:
I want to read a set of files synchronously from a file server and do some awesome stuff while I do not need to modify my array nor care about the results of this because I do awesome stuff immediately.

const jsFiles = [];
jsFiles.forEach(async (file) => {
   const fileContent = await fs.readFile(file, 'UTF-8');
   this.doAwesomeStuff(fileContent);
});
// Do see that I don't assign the results of forEach to anything because it doesn't return anything useful.

That's all folks.

DEV Community: Manikanta

Automating my Portfolio

Goal

Process

End Result

When should I use forEach and map of JavaScript Array?