JohnPhamous

export const chaosTestStrings = (): void => {
  const textNodes = getAllTextNodes(document.body);

  for (const node of textNodes) {
    const textNodeLength = node.textContent ? node.textContent.length : 0;
    if (node.textContent === null) {
      return;
    }
    if (node.parentElement instanceof Element) {
      if (node.parentElement.dataset.originalText === undefined) {

davidcann

Print GitHub Markdown Bookmarklet

javascript:document.body.appendChild(document.querySelector("#readme"));document.querySelector("header").remove();document.querySelector(".application-main").remove();document.querySelector("footer").remove();window.print();

Make it into a bookmarklet. It removes everything around the markdown article and opens the print dialog.

simonplend

import { parseArgs } from "node:util";

const args = parseArgs({
	options: {
		name: {
			type: "string",
		},
		verbose: {
			type: "boolean",
			short: "v",

SimeonC

// Used for one JSON file for each language containing all namespaces
i18next.use({
  type: 'backend',
  read<Namespace extends keyof typeof en>(
    language: LocaleCode,
    namespace: Namespace,
    callback: (
      errorValue: unknown,
      translations: null | typeof en[Namespace]
    ) => void

patrixr

//
// E2E Test Setup
// e2e_helpers.js
//

import { getMainDefinition }   from '@apollo/client/utilities'
import { AuthPayload }         from '../../lib/typings/goodchat'
import { WebSocketLink }       from '@apollo/client/link/ws'
import { promisify }           from 'util'
import fetch                   from 'cross-fetch'

andreialecu

diff --git a/node_modules/@apollo/client/react/hooks/hooks.cjs.js b/node_modules/@apollo/client/react/hooks/hooks.cjs.js
index a0acfe8..68d0b08 100644
--- a/node_modules/@apollo/client/react/hooks/hooks.cjs.js
+++ b/node_modules/@apollo/client/react/hooks/hooks.cjs.js
@@ -56,8 +56,25 @@ function useBaseQuery(query, options, lazy) {
     var queryResult = lazy
         ? result[1]
         : result;
+    var _maybeFastRefresh;
+    if (__DEV__) {

sindresorhus

Pure ESM package

The package that linked you here is now pure ESM. It cannot be require()'d from CommonJS.

This means you have the following choices:

1. Use ESM yourself. (preferred)
   Use import foo from 'foo' instead of const foo = require('foo') to import the package. You also need to put "type": "module" in your package.json and more. Follow the below guide.
2. If the package is used in an async context, you could use await import(…) from CommonJS instead of require(…).
3. Stay on the existing version of the package until you can move to ESM.

rauschma

What is new in the ES2021 edition of “JavaScript for impatient programmers”?

Free to read online: exploringjs.com/impatient-js/

• The exercises now run as native ESM modules on Node.js. Previously, they were run via the esm package.
• Material on new ES2021 features:
  • String.prototype.replaceAll()
  • Promise.any()
  • Logical assignment operators
• Underscores (_) as separators in number literals and bigint literals

giacomocerquone

// useful to debug js code errors
adb logcat "*:S" ReactNative:V ReactNativeJS:V

// useful to debug native errors (when the app won't even start)
adb logcat "*:E"

slikts

Why using the children prop makes React.memo() not work

I've recently ran into a pitfall of [React.memo()][memo] that seems generally overlooked; skimming over the top results in Google just finds it mentioned in passing in a [React issue][regit], but not in the [FAQ] or API [overview][react-api], and not in the articles that set out to explain React.memo() (at least the ones I looked at). The issue is specifically that nesting children defeats memoization, unless the children are just plain text. To give a simplified code example:

const Memoized = React.memo(({ children }) => (<div>{children}</div>));
// Won't ever re-render
<Memoized>bar</Memoized>
// Will re-render every time; the memoization does nothing