hirbod

import { type ComponentType, createElement, forwardRef } from 'react'
import type { TextProps } from 'react-native'

// uncomment for NativeWind support
//import { cssInterop } from 'nativewind'


const LeanText = forwardRef((props, ref) => {
  return createElement('RCTText', { ...props, ref })
}) as ComponentType<TextProps>

stevoland

react-hook-form (as of v7.53) may behave incorrectly when user code is compiled with react-compiler.

This babel plugin can be applied before the compiler to opt-out all functions which reference useForm by inserting the "use no memo" directive.

Only supports using the named export:

// worky
import { useForm } from 'react-hook-form
const Component = () => {

khalidx

The experience of using Node.JS with TypeScript, ts-node, and ESM is horrible.

There are countless guides of how to integrate them, but none of them seem to work.

Here's what worked for me.

Just add the following files and run npm run dev. You'll be good to go!

package.json

hyperupcall

// I'm tired of extensions that automatically:
// - show welcome pages / walkthroughs
// - show release notes
// - send telemetry
// - recommend things
//
// This disables all of that stuff.
// If you have more config, leave a comment so I can add it!!

{

badsyntax

/**
 * Example usage:
 *
 * // default depth of 3: (fastest)
 * type keys = Paths<SomeNestedObject> // returns "property" | "nested.property" | "nested.nested.property"
 *
 * // depth of 10: (can be slow)
 * type keys = Paths<SomeNestedObject, 10>
 *
 * // depth of 10 with keys of type string and number: (slowest)

mcollina

Matteo Technical Principles

1. Conway’s Law is paramount.

Any organization that designs a system (defined broadly) will produce a design whose structure is a copy of the organization's communication structure.

In order to design a piece of software we need to “design” the team that is going to produce it.

2. Developer Experience is key to productivity

badsyntax

/**
 * Generate an S3 ETAG for multipart uploads in Node.js 
 * An implementation of this algorithm: https://stackoverflow.com/a/19896823/492325
 * Author: Richard Willis <willis.rh@gmail.com>
 */
import fs from 'node:fs';
import crypto, { BinaryLike } from 'node:crypto';

const defaultPartSizeInBytes = 5 * 1024 * 1024; // 5MB

rauschma

Cheat sheet: public prototype methods and accessors

const getterKey = Symbol('getterKey');
const setterKey = Symbol('setterKey');
const syncMethodKey = Symbol('syncMethodKey');
const syncGenMethodKey = Symbol('syncGenMethodKey');
const asyncMethodKey = Symbol('asyncMethodKey');
const asyncGenMethodKey = Symbol('asyncGenMethodKey');

shellscape

.closed.octicon.octicon-issue-closed {
  color: var(--color-danger-fg) !important;
}

.gh-header-meta .State--merged, .State--merged[title="Status: Closed"] {
  background-color: var(--color-danger-fg) !important;
}

.TimelineItem-badge.color-bg-done-emphasis {
  background-color: var(--color-danger-fg) !important;

davidfowl

Migration to ASP.NET Core in .NET 6

• WebApplication and WebApplicationBuilder
• Differences in the hosting model
• Building libraries for ASP.NET Core
• FAQ
• Cheatsheet

WebApplication and WebApplicationBuilder