Weekly Digest 08/2022

Welcome to my Weekly Digest #8 of this year.

This weekly digest contains a lot of interesting and inspiring articles, videos, tweets, podcasts, and designs I consumed during this week.

---

Interesting articles to read

*Explain the First 10 Lines of Twitter’s Source Code to Me*

A question Anand always likes to ask when interviewing a front-end candidate is: "Explain the first ten or so lines of the Twitter source code to me.”

Explain the First 10 Lines of Twitter's Source Code to Me | CSS-Tricks

*A few methods to check if all values in the JavaScript array are the same*

There are many solutions to the same problem in programming, and that’s one of my favourite things about it. Checking if all the items in an array are the same is an interesting exercise, so let’s look at a few options.

A few methods to check if all values in the JavaScript array are the same | pawelgrzybek.com

Testing Pipeline 101 For Frontend Testing

Automated testing can give you much confidence in merging your changes, especially in extensive refactoring or working with your teammates. As a result, you might have thought about including testing as part of your build routine to get the most value out of it. Don’t know where to start?

Testing Pipeline 101 For Frontend Testing - Smashing Magazine

---

Some great videos I watched this week

Create the Coinbase QR Code Commercial in React

Let's recreate the Coinbase commercial with bouncing and color-changing QR code.

by Leigh Halliday

Clean Up Your Explorer With File Nesting

by LevelUpTuts

Vite in 100 Seconds

Vite is a JavaScript build tool that makes it faster and easier to build web applications. It's similar to tools like Webpack but relies on modern browser features like ES Modules to simplify and speed up the build process.

by Fireship

---

Useful GitHub repositories

Sourcegraph

Sourcegraph is a fast and featureful code search and navigation engine.

sourcegraph / sourcegraph

Universal code search (self-hosted)

Sourcegraph is a fast and featureful code search and navigation engine.

Features

• Fast global code search with a hybrid backend that combines a trigram index with in-memory streaming.
• Code intelligence for many languages via the Language Server Index Format.
• Enhances GitHub, GitLab, Phabricator, and other code hosts and code review tools via the Sourcegraph browser extension.
• Integration with third-party developer tools via the Sourcegraph extension API.

Try it now

Sourcegraph has three editions:

• Sourcegraph Cloud lets you search over the open-source ecosystem plus your private code. Search strings, search patterns, search symbols and find references across your entire codebase and the open-source world.
• Sourcegraph Enterprise lets you run your own Sourcegraph instance in your own environment.
• Sourcegraph OSS is an open-source version of Sourcegraph that provides the core functionality of Sourcegraph (code search, code browsing, basic code navigation), but lacks more advanced features (enterprise authentication…

View on GitHub

Release Drafter

Drafts your next release notes as pull requests are merged into master. Built with Probot.

release-drafter / release-drafter

Drafts your next release notes as pull requests are merged into master.

Drafts your next release notes as pull requests are merged into master. Built with Probot.

---

Usage

You can use the Release Drafter GitHub Action in a GitHub Actions Workflow by configuring a YAML-based workflow file, e.g. .github/workflows/release-drafter.yml, with the following:

name: Release Drafter
on:
  push:
    # branches to consider in the event; optional, defaults to all
    branches:
      - master
  # pull_request event is required only for autolabeler
  pull_request:
    # Only following types are handled by the action, but one can default to all as well
    types: [opened, reopened, synchronize]
  # pull_request_target event is required for autolabeler to support PRs from forks
  # pull_request_target:
  #   types: [opened, reopened, synchronize]

jobs:
  update_release_draft:
    runs-on: ubuntu-latest
    steps:
      # (Optional) GitHub Enterprise requires GHE_HOST variable set
      #- name: Set GHE_HOST
      #  run: |
      #    echo "GHE_HOST=${GITHUB_SERVER_URL##https:\/\/}" >> $GITHUB_ENV

      # Drafts your next

…

View on GitHub

---

dribbble shots

Travel Mobile App

by Andri.

Expense & Income Manager

by Irvan Moses

*Ticket UI for Natural Desktop*

by Gleb Kuznetsov

---

Tweets

Swapna Kumar Panda 

@swapnakpanda

💎 Cheat Sheet : NPM Commands for Node.js Developers

.

10:13 AM - 21 Feb 2022

Farooq Web3⚡

@amazingfarooqq

💚 JavaScript All array methods Cheatsheet 💚

07:37 AM - 26 Feb 2022

---

Picked Pens

Stroke Logo Animation

by Jon Kantner

Domino Clock

by Mark Boots

---

Podcasts worth listening

Syntax – JavaScript in 2022 - New, Coming and Proposed Features

In this Hasty Treat, Scott and Wes talk about new proposed features coming to JavaScript in 2022.

CodePen Radio – *Amit Sheen*

Chris got to talk with Amit Sheen this week about his journey into creative coding. Even his early work is incredibly interesting and recent work is downright stunning.

---

Thank you for reading, talk to you next week, and stay safe! 👋