MarceloPrado

import { config } from "@/app/config";
import { createLogger } from "@/app/observability";
import { useEffect } from "react";

const { appEnv } = config;

const logger = createLogger("developer/storybook");

export const useToggleStorybook = () => {
  const [isStorybookEnabled, setIsStorybookEnabled] = useState(false)

jacob-ebey

Remix Deferred

Remix Deferred is currently implemented on top of React's Suspense model but is not limited to React. This will be a quick dive into how "promise over the wire" is accomplished.

SSR + Hydration

It isn't rocket science, but a quick recap of how frameworks such as react do SSR:

1. Load data
2. Render the app

dcatanzaro

const axios = require("axios");

let lastIndexMovement = 0;

const TELEGRAM_BOTID = "";
const TELEGRAM_CHATID = "";

class Telegram {
    sendTelegramMessage(message) {
        const botId = TELEGRAM_BOTID;

getify

In defense of blocks for local scopes (Part 1)

---

[EDIT: I've added a part 2 to this blog post, to address some of the feedback that has come up: https://gist.github.com/getify/706e5e10822a298375da40f9cc1fa295]

---

Recently, this article on "The JavaScript Block Statement" came out, and it received some good discussion in a reddit thread. But the general reaction seems to be against this approach. That saddens me.

colinhacks

// keybindings.json
// Command Pallette > Open Keyboard Shortcuts (JSON)
[
  
  {
    "key": "cmd+shift+l",
    "command": "editor.action.insertSnippet",
    "when": "editorTextFocus",
    "args": {
      "snippet": "console.log(${TM_SELECTED_TEXT}$1)$0;"

viannaandreBR

# Settings apply across all Linux distros running on WSL 2
# https://docs.microsoft.com/pt-br/windows/wsl/wsl-config
[wsl2]

# Limits VM memory to use no more than 4 GB, this can be set as whole numbers using GB or MB
#memory=4GB 
memory=4GB 

# Sets the VM to use two virtual processors
#processors=2

pshaddel

function firstClassDecorator(constructor: Function) {
  console.log("first class decorator");
}

@firstClassDecorator
class User {
  public isActive: boolean;
  public role: "admin" | "user";
  constructor() {
    console.log("calling class constructor");

nicobytes

interface Task {
  id: number;
  title: string;
  completed: boolean;
  createdAt: Date;
}

interface CreateTaskDto extends Omit<Task, 'id' | 'createdAt'> {}
interface UpdateTaskDto extends Omit<Partial<Task>, 'id'> {}

9paradox

import react, { useState } from "react";

const usePartialState = <T extends Partial<T>>(): [T | {}, (fieldName: string, value: any) => void, (state: T) => void] => {
    const [state, setState] = useState<T | {}>({});

    const setStateByFiled = (fieldName: string, value: any) => {
        setState(_s => {
            return {
                ..._s,
                [fieldName]: value,

roshanlabh

import React, { useState } from "react";
import ReactDOM from "react-dom";

const style = {
  table: {
    borderCollapse: "collapse",
  },
  tableCell: {
    border: "1px solid gray",
    margin: 0,