Discussion on: I prototype React apps rediculously quickly. Here are my 5 key tricks.

[Carl Barrdahl]

Good article, totally agree on the importance of getting started quickly by using npx create-react-app is-awesome and prettier to skip manual formatting. Gatsby is even better in some situations because of their plugins and large ecosystem. Next.js if you're doing server-side things because of their api routes.

Styled-components is great and I would look into theme-ui.com for even more abstractions and allow you to write design tokens inside the elements, eg:

/** @jsx jsx */
import { jsx } from 'theme-ui'
export default props => (
  <h1
    sx={{
      color: 'primary',
      fontFamily: 'heading',
    }}>
    Hello
  </h1>
)

Be sure to check out more of Brent Jacksons [github.com/jxnblk] things!

If anyone looking for more pre-built components I would suggest chakra-ui.com.

Your point about intentionally suspending best pracites is spot on for me. The most important thing for rapid prototyping is the feedback loop. You want to keep it as fast as possible for as long as possible. By adhering too strictly, you might find yourself spending time on things that doesn't bring you closer to results.

Seperate the writing (creating) from the editing.

Once again, good job and thanks for sharing.