raisiqueira

import * as React from "react";

import { Dialog as ArkDialog, Portal } from "@ark-ui/react";
import { X } from "lucide-react";

import { cn } from "@/lib/utils";

const Dialog = ArkDialog.Root;

const DialogTrigger = ArkDialog.Trigger;

raisiqueira

Context

Gives the reviewer some context about the work and why this change is being made, the WHY you are doing this. This field goes more into the product perspective.

Description

Provide a detailed description of how exactly this task will be accomplished. This can be something technical. What specific steps will be taken to achieve the goal? This should include details on service integration, job logic, implementation, etc.

Changes in the codebase

This is where becomes technical. Here is where you can be more focused on the engineering side of your solution. Include information about the functionality they are adding or modifying, as well as any refactoring or improvement of existing code.

Changes outside the codebase

raisiqueira

1.) Download a Nerd Font

2.) Unzip and copy to ~/.fonts

3.) Run the command fc-cache -fv to manually rebuild the font cache

raisiqueira

#!/bin/sh
NODE_VER="$(cat .nvmrc)"
if [[ -f "${HOME}/.nvm/nvm.sh" ]]; then
  # Normal *nix
  source "${HOME}/.nvm/nvm.sh"
fi
nvm install "$NODE_VER"
nvm use "$NODE_VER"

raisiqueira

/** @type{import('webpack').Configuration} */
module.exports = {
  mode: 'development',
}

raisiqueira

function createElement<T extends keyof HTMLElementTagNameMap>(
  tag: T,
  attrs = {},
  args: string | typeof createElement
  ): HTMLElement {
  const element = document.createElement(tag);

  for (const attr in attrs) {
    element[attr] = attrs[attr];
  }

raisiqueira

Comprehensive Introduction to @ngrx/store

By: @BTroncone

Also check out my lesson @ngrx/store in 10 minutes on egghead.io!

Update: Non-middleware examples have been updated to ngrx/store v2. More coming soon!

Table of Contents

raisiqueira

-----BEGIN PGP PUBLIC KEY BLOCK-----

xsFNBFyudTUBEADiqRP7Y+bbL56LrwdRC4A8XPiXBQ2pw91aFnRHicULr+7v
8HK7w/cybkIiYgxPd95VAESlF3s/8xjam6F+J4JZeBvfZ0kfyNMyHe2s1kIe
MdEkkFllAXHwAAPjDwyevLsI7yWDr1RNL0tBEqrr9VyhFByK3EW95fdgABFC
IXUoeCKvyxNTCzLBSPro/g/IuBuRaWeOmZqrq0d0l7RQINzv9LpF/8m6Lqzc
wvI9HOr1PjuUV1mjyZcQ08YFLvKG/uMld0ZEzhspj/MmITW07AZJL6PAJhg7
J4ifjLqV0FJsqNulhUFPHoeZB9ReyMRNKaihnu/NmO7LM9R8+0i3aL3njGgF
Y+ArRZ+hsZaCS4vtIbVj89iGlkHrulTDzNBXyuyY6cGXFJEwmZHixrIRqUDb
ycRPSfEOs1L8ixqoTHAf6DpQPcHtnyRGZfL69xfCv4++EMDVSBICtyx3dKbw

raisiqueira

import { useEffect } from 'react'
import hotkeys from 'hotkeys-js'

export const useHotkeys = (key: string, cb: () => any, inputs?: any[]) => {
  useEffect(() => {
    hotkeys(key, cb)
    return () => hotkeys.unbind(key)
  }, inputs)
}

raisiqueira

<script>
function execPolyfill() {

(function(){
// CustomElementsV1.min.js v1 polyfill from https://github.com/webcomponents/webcomponentsjs/tree/v1/src/CustomElements/v1.
/*
 Copyright (c) 2016 The Polymer Project Authors. All rights reserved.
 This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
 The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt