akwodkiewicz

/**
 * This resolver forces Jest to look at a *custom* `"jest"` condition in `package.json#exports`.
 *
 * Whenever you use self-referencing imports or subpath imports in the source code (or tests)
 * the default behaviour of Jest is to go to the package's manifest for information, and resolve
 * the import by choosing one of the conditions that are used by Node ("node", "default", etc.).
 *
 * The issue is that "node"/"default" usually points to transpiled `.js` files, whereas if you decide to
 * run the tests on the `.ts` source code (with the help of a transformer such as ts-jest or @swc/jest),
 * you need Jest to **only** load the `.ts` files. Otherwise, you end up with duplicated classes,

tomciopp

$palettes: (
  "blue": (
    lightest: hsl(201, 87%, 72%),
    lighter:  hsl(201, 81%, 65%),
    light:    hsl(201, 77%, 58%),
    base:     hsl(201, 75%, 51%),
    dark:     hsl(201, 77%, 46%),
    darker:   hsl(201, 81%, 41%),
    darkest:  hsl(201, 87%, 36%)
  ),

arthurvi

Boolean() or !! (double bang, double negation)?

What's the best way to answer the question "true or false?" in JavaScript

JavaScript does not bother you too much with types (at first), which is both a blessing and a cure. But we all know the Boolean type. Boolean variables can either be true or false. Yes or no.

Every value in JavaScript can be translated into a boolean, true or false. Values that translate to true are truthy, values that translate to false are falsy. Simple.

This is about two ways to make that translation.

atomiks

// Will only render the `content` or `render` elements if the tippy is mounted to the DOM.
// Replace <Tippy /> with <LazyTippy /> component and it should work the same.

const LazyTippy = forwardRef((props, ref) => {
  const [mounted, setMounted] = useState(false);

  const lazyPlugin = {
    fn: () => ({
      onMount: () => setMounted(true),
      onHidden: () => setMounted(false),

pie6k

import React, { useRef, forwardRef, Ref, useEffect } from 'react';
import { TextInputProps, TextInput } from 'react-native';
import styled from 'styled-components/native';

interface Props extends TextInputProps {
  showEditLabel?: boolean;
}

const Input = styled.TextInput``;

tkrotoff

Charts are from different sources and thus colors are inconsistent, please carefully read the chart's legends.

Like this? Check React Native vs Flutter: https://gist.github.com/tkrotoff/93f5278a4e8df7e5f6928eff98684979

Stack Overflow trends

https://insights.stackoverflow.com/trends?tags=reactjs%2Cvue.js%2Cangular%2Csvelte%2Cangularjs%2Cvuejs3

swyxio

2019 update: this essay has been updated on my personal site, together with a followup on how to get started

2020 update: I'm now writing a book with updated versions of all these essays and 35 other chapters!!!!

1. Learn in public

If there's a golden rule, it's this one, so I put it first. All the other rules are more or less elaborations of this rule #1.

You already know that you will never be done learning. But most people "learn in private", and lurk. They consume content without creating any themselves. Again, that's fine, but we're here to talk about being in the top quintile. What you do here is to have a habit of creating learning exhaust. Write blogs and tutorials and cheatsheets. Speak at meetups and conferences. Ask and answer things on Stackoverflow or Reddit. (Avoid the walled gardens like Slack and Discourse, they're not public). Make Youtube videos

chrisriesgo

Emoji Code Review Comments

Legend

Emoji	Translation
😃 😍	I like this! No changes or acknowledgements needed. Just wanted to say well done.
❌ ⚠️	Problem This is a blocking issue and requires changes.
🔧 🎨	Suggestion Not blocking, but a suggestion or idea for improvement. Feel free to disagree and move on.
❓	QuestionNot blocking, but requires an answer by the PR/code author.

lukechilds

get_latest_release() {
  curl --silent "https://api.github.com/repos/$1/releases/latest" | # Get latest release from GitHub api
    grep '"tag_name":' |                                            # Get tag line
    sed -E 's/.*"([^"]+)".*/\1/'                                    # Pluck JSON value
}

# Usage
# $ get_latest_release "creationix/nvm"
# v0.31.4

robmiller

#!/bin/bash
# git-cleanup-repo
#
# Author: Rob Miller <rob@bigfish.co.uk>
# Adapted from the original by Yorick Sijsling

git checkout master &> /dev/null

# Make sure we're working with the most up-to-date version of master.
git fetch