VS Code React Bricks snippets (TypeScript)

This extensions add snippets to make developing with React Bricks easier. At the moment only TypeScript React (.tsx) is supported.

What is React Bricks

React Bricks is a CMS with visual editing based on React components, for Next.js and Gatsby. It is both a React library to create your visually editable content blocks and a SaaS where the content is persisted.

See https://reactbricks.com

Available snippets

Prefix	Method
`brick→`	Scaffolds a new Brick. Use it in a new file.
`sideEditProp→`	Creates a new `sideEditProp`
`selectOptions→`	Creates `selectOptions` for a select `sideEditProp`
`Text→`	Add a React Bricks `<Text>` component
`RichText→`	Add a React Bricks `<RichText>` component
`Image→`	Add a React Bricks `<Image>` component
`File→`	Add a React Bricks `<File>` component
`Repeater→`	Add a React Bricks `<Repeater>` component

Requirements

In order to have working React Bricks' bricks, you need to have a React Bricks project set up.

You can easily create a project using the React Bricks CLI:
npx create-reactbricks-app

Release Notes

0.0.1 - 0.0.3

Initial release

0.0.4

Bricks code compatible with React Server Components

React Bricks Snippets

React Bricks