import React from 'react';
import { registerVevComponent } from '@vev/react';
const MyComponent = () => {
return <div>Hello, VeV</div>;
}
registerVevComponent (MyComponent, {
name: "My awesome component",
});
export default MyComponent;
Build React Components
With the Vev CLI, you can develop React components as you would in any standard React project. While you'll run your code locally in your preferred editor, previews will be displayed in the Vev Design Editor, rather than on your local host.
import React from 'react';
import { registerVevComponent } from '@vev/react';
const MyComponent = () => {
return <div>Hello,......</div>;
}
registerVevComponent(MyComponent, {
name: "My awesome component",
});
export default MyComponent;
Hello,
⚙️
💡
import React from 'react';
import { registerVevComponent } from '@vev/react';
const MyComponent = () => {
return <div>Hello, VeV</div>;
}
registerVevComponent (MyComponent, {
name: "My awesome component",
});
export default MyComponent;
Code smarter with our developer tools
Vev’s developer tools make component-based building fast, intuitive, and collaborative. Swap building entire website layouts for only coding the fun stuff.
Start Building
No credit card required.
import React from 'react';
import { registerVevComponent } from '@vev/react';
const MyComponent = () => {
return <div>Hello,......</div>;
}
registerVevComponent(MyComponent, {
name: "My awesome component",
});
export default MyComponent;
Hello,