DEV Community: yatharth1706

Portfolio using Jekyll

yatharth1706 — Fri, 12 Jun 2020 13:27:57 +0000

Hello dev.to community!. I wanted to learn something new, so I started learning Jekyll which is a static site generator. I also thought to make some side projects using this. So I built my portfolio using Jekyll.

This is the link of my portfolio: https://yatharth1706.github.io/

Once take a look at this portfolio, and let me know what more things i can add or improve in my Portfolio. It would mean a lot to me!!

Thank you!!

emojigit npm package

yatharth1706 — Fri, 12 Jun 2020 06:16:40 +0000

emojigit

Built my first ever npm package 'emojigit'. It is a CLI tool which is used for adding emojis to commit messages. This cli tool will show users list of emojis that can be used on commit messages and then will ask some questions like branch name and git remote repo name and then code is pushed automatically to user's github repository after commit. It is built using nodejs and some libraries like:

inquirer: For displaying prompt for asking questions to user
meow: Its a CLI app helper
node-fetch: For making network requests
ora: For terminal spinner

Github Link: https://github.com/yatharth1706/emojigit

npm package link: https://www.npmjs.com/package/emojigit

Within 2 days this package has been downloaded by users 205 times.

I request all of you to once use this package for adding emojis to commit messages for github repository. And also let me know what improvements I can do in this project.

Thank you.

Promises

yatharth1706 — Tue, 14 Apr 2020 16:26:13 +0000

What are promises?

Its a special JavaScript object to handle asynchronous operations in an easy way.

The constructor syntax for a promise object is:

  let promise = new Promise(function(resolve, reject) {
    // Perform some asynchronous task here
  });

The function passed to new Promise is called the executor. When new Promise is created, the executor runs automatically.

Arguments of Executor:

It contains two callbacks

resolve
reject

resolve(value) — if the job finished successfully, with result value.

reject(error) — if an error occurred, error is the error object.

The promise object returned by the new Promise constructor has these internal properties:

state — initially "pending", then changes to either "fulfilled" when resolve is called or "rejected" when reject is called.
result — initially undefined, then changes to value when resolve(value) called or error when reject(error) is called.

Methods on Promise

1.then: for fetching results and errors from promises
Syntax:

      promise.then(
        function(result) { /* handle a successful result */ },
        function(error) { /* handle an error */ }
      );

Some Examples:

      let promise = new Promise(function(resolve, reject) {
        setTimeout(() => resolve("done!"), 1000);
      });

      // resolve runs the first function in .then
      promise.then(
        result => alert(result), // shows "done!" after 1 second
        error => alert(error) // doesn't run
      );

2.catch: for fetching errors from promise

Example:

      let promise = new Promise((resolve, reject) => {
        setTimeout(() => reject(new Error("Whoops!")), 1000);
      });

      // .catch(f) is the same as promise.then(null, f)
      promise.catch(alert);

3.finally: for performing cleanup operations. It will always execute no matter your callback is returning resolve callback or reject callback.

Example:

      new Promise((resolve, reject) => {
        setTimeout(() => resolve("result"), 2000)
      })
      .finally(() => alert("Promise ready"))
      .then(result => alert(result));

Link for tutorial video Click here