eps1lon

#!/bin/bash
set -e

branchToSplit="feat/react/deprecated-react-node-array"
title="Remove usage of deprecated ReactChild"
message="This PR removes the usage of the deprecated \`ReactChild\` type (see https://github.com/DefinitelyTyped/DefinitelyTyped/discussions/64451)."

mergeBase=$(git merge-base origin/master $branchToSplit)
types=( $(git diff --name-only $mergeBase $branchToSplit | grep -oE 'types/[^/]+/' | cut -d/ -f2 | uniq) )

eps1lon

git diff 1a5956fbfda99ad3392a1813bd0822d39c46585f HEAD  | sed 's|types/react/|types/react/ts5.0/|' | git apply

eps1lon

RFC Test Selectors

Owner: Brian Vaughn, Sebastian Silbermann

---

As of facebook/react/pull/22760, the experimental Test Selector API is now available in the experimental release channel.

To test the API, first install the experimental release:

eps1lon

1. first
2. second
3. third

eps1lon

Bacon-Zwiebel Dip

Quelle: The Bacon Onion Dip my family is OBSESSED with

Zutaten

• 2-3 Packungen Bacon-Streifen
• 3 große Zwiebeln (bevorzugt "süße Zwiebeln")
• 3 Knoblauchzehen
• 1-2 Bund Schnittlauch

eps1lon

Work on React 18 Working Group

Features

• React.useId
  • feat: allow multiple opaque identifiers in HTML attributes2
  • reactjs/rfcs#32 (comment)

Issues

eps1lon

const headings = Array.from(document.querySelectorAll('h1, h2, h3, h4, h5, h6'))

const scHeadings = headings.filter(heading => {
    return /^Success Criterion/.test(heading.textContent)
}).map(heading => {
    return heading.querySelector('a[aria-label^="Permalink"]')
})

const scMarkdownHeadings = scHeadings.map(e => `### [${e.getAttribute('aria-label').replace(/^Permalink for /, '')}](${e.href})`)
console.log(scMarkdownHeadings.join('\n'))

eps1lon

1. renderHook(hookFn); renderHook(anotherFn) across roots? https://github.com/adobe/react-spectrum/blob/577423054dfd6103fbf3e4dfc8d607047641ad53/packages/@react-aria/combobox/test/useComboBox.test.js#L89-L98
2. Failing test leads to "should not already be working

eps1lon

Highlights server-side rendered Suspense boundaries.

1. Create Chrome Devtools snippet with content of source file
2. Run snippet

eps1lon

website-link-graph

$ yarn start https://testing-library.com/
link graph:  Map() {
  '/users' => [
    '/',
    '/docs/',
    '/docs/recipes',
    '/help',