Learn how to build Replit extensions using React with our official package, hooks, and components for a streamlined development experience.
Aside from the original API Client, we have a React-specific package which eliminates the need for extension developers to do a lot of boilerplate setup when using React for Extension development.
The package comes with a set of hooks and components that combine to make a blazingly fast and seamless developer experience.
Fork the React Extension Template to get started. Alternatively, you can start from scratch by wrapping your application with the HandshakeProvider
component imported from @replit/extensions-react
.
In the App
function, check the handshake status with the useReplit
hook.