Introduction
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.
Installation
Usage
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.
Was this page helpful?