Skip to main content

React Typescript

React and Typescript

React Children Prop

The React children prop allows components to be composed together and is a key concept for building reusable components. Visually, we can think of it as a hole in the component where the consumer controls what is rendered. Config options

Snippets

swyx-react-typescript-snippets

Below is a list of all available snippets and the triggers of each one. The means the TAB key.

TriggerContent
rfc→create a react function component (no hooks)
rhc→create a react hooks component
rsc→create a react styled component (no hooks)
imrsc→import react and styled component

Questions

Which engineering decision related to this topic has the highest switching cost once made — and how do you make it well with incomplete information?

  • At what scale or complexity level does the right answer to this topic change significantly?
  • How does the introduction of AI-native workflows change the conventional wisdom about this technology?
  • Which anti-pattern in this area is most commonly introduced by developers who know enough to be dangerous but not enough to know what they don't know?