Skip to content

ChrisBarnes2000-VSCodeChrome-Extensions/react-bricks-snippets

 
 

Repository files navigation

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

Snippets Under Development

Prefix Method
Iframe Add a React Bricks <Iframe> component
Video→ Add a React Bricks <Video> 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

Initial release

About

VSCode snippets for React Bricks

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published