All posts by webammer_anand

Why I'm Excited to Attend and Speak at Reactathon

By Chris on Code

Reactathon is happening in San Francisco on March 30-31. It’s got a solid lineup of attendees and speakers. Definitely gonna have an amazing “hallway track” at this conference.

Get $50 off Reactathon with code: SCOTCHIO

Last October I was at Facebook’s React Conf, which was an incredible conference experience. I chatted with so many folks on the cutting edge of the React community — speakers and attendees alike. Met some great people like Kent C Dodds, Tejas Kumar, and a lot from the React team.

I also got the chance to meet Benjamin Dunphy, the organizer of React


Hide Your Secrets in VS Code with Cloak

By John Papa

Hide Your Secrets in VS Code with Cloak

Have you ever wanted to hide your secrets in environment files? Cloak for VS Code helps you avoid accidentally sharing them with everyone who sees your screen.

Hide Your Secrets in VS Code with Cloak
hide your secrets

Alpha Release

I just released Cloak v0.0.2 over the weekend!

What Can it Do?

Great question! You can check out the full documentation here. But here is a quick glimpse of the main features.

  • Hide secrets in environment files
  • Show the secrets again
  • Toggle them on and off (with a keybinding or a command)
  • Optionally hide environment file comments (defaults to showing them)

Get Cloak

If you are interested in trying out Cloak, you can find it here in the marketplace.

or from VS Code 👇

  1. Open Extensions sideBar panel in Visual Studio Code and choose the menu options for View → Extensions
  2. Search for Cloak
  3. Click Install
  4. Click Reload, if required

Quick Usage

Let’s see Cloak in action!

  1. Open a .env file
  2. Press F1 to open the command palette
  3. Type Cloak
  4. Choose Cloak: Hide Secrets

Now enjoy exploring the rest of the features explained in the docs!

Hide Your Secrets in VS Code with Cloak


Contribute to GitHub repository here

What Else

One of the key aspects I want before releasing v1 is to have a lot of unit tests in place, and to have it hooked into CI. I decided to use Azure DevOps with their YAML option. Once it is up and running, I’ll write more about how this works on Azure DevOps in future posts.



Inspiration comes in many forms. These folks and teams have contributed either through ideas, issues, pull requests, or guidance. Thank you!


Source:: johnpapa

By scotchsponsored

SERP stands for Search Engine Results Page. serpstack is an API that queries the result page of search engines and gives you a clean JSON response.

Search engines like Google used to have straight-forward result listing which made scraping them a whole lot easier. Now, there’s videos, images, audio, definition pages and so much more. This makes scraping the modern search engines a nightmare. There’s also the dreaded captcha wall.

serpstack makes the problems list above non-existent.

serpstack will queries multiple search engines (currently supports Google) and prints the search results as a clear and easy to deal with JSON response. Each result type listed by the results page is highlighted by the API.

Getting Started

Create an account at serpstack, you can get started for free.

After you sign up, you copy your API key and replace “ACCESS_KEY” below with the new token.



How Buddy Turns DevOps to NoOps the DigitalOcean Way

By Chris on Code

In 2019, DevOps still remains something of a codeword: a sphere reserved to developers trained in writing complicated scripts for tools only they know how to use. Tools whose purpose is to make your life easier with automation, but somehow:

  • take weeks to configure and launch

  • require a designated developer to oversee

  • cannot be easily modified

Buddy is a CI/CD tool that doesn’t require DevOps experience and can be used by beginner and expert developers alike. We did that by replacing scripts with preconfigured actions(builds, tests, deployments, etc.), and packing the whole thing in a clear and telling GUI. And making it run deadly fast.

Remember the times when setting up remote servers was a chore? Now you can spin a droplet on DigitalOcean in 55 seconds with 1-click. This is what Buddy does to


Get Your JAM on With Gatsby, React, and Netlify

By Matt Raible

Gatsby is a tool for creating static websites with React. It allows you to pull your data from virtually anywhere: content management systems (CMSs), Markdown files, APIs, and databases. Gatsby leverages GraphQL and webpack to combine your data and React code to generate static files for your website.

JAM – JavaScript, APIs, and Markup – apps are delivered by pre-rendering files and serving them directly from a CDN, removing the requirement to manage or run web servers. You may have heard of JAM apps as the JAMstack.

Netlify is a hosting company for static sites that offers continuous integration, HTML forms, AWS Lambda functions, and even content management.

In this tutorial, I’ll show you how to use Gatsby to create a blog that integrates with Netlify CMS for content. The app you build will support authoring posts in Markdown and adding/editing posts from your browser or via Git! Finally, I’ll show you how to secure a section of your app with Okta.