Sonic SDK enables you to quickly setup and integrate your decentralized community in a flash! @0xsonic/sdk
Table of Contents:
📦 Getting Started
Installation
Install Sonic SDK using any npm package provider.
NPM
npm install @0xsonic/sdk
Yarn
yarn add @0xsonic/sdk
PNPM
pnpm install @0xsonic/sdk
Usage
React-js Application:
// src/index.js
import React from 'react';
import ReactDOM from 'react-dom/client';
import App from './App';
import { SonicProvider } from '@0xsonic/sdk';
// ...
root.render(
<React.StrictMode>
<SonicProvider> // wrap around your react app component
<App />
</SonicProvider>
</React.StrictMode>
);
// src/App.js
import React from 'react';
import { Sonic } from '@0xsonic/sdk';
function App() {
return (
<>
<Blog/>
<Sonic context="blog-related-context"/> // enables decentralised comments for your dapp
</>
);
}
export default App;
⭐️ Features
-
<SonicProvider />
SonicProvider wrapper helps us to manage the states and connection with Orbis & Ceramic protocol under the hood. -
<Sonic context=""/>
Sonic is the main plug-&-play comments widget that dApps can use to integrate decentralised comments feature with 0 headache. -
<SonicForum />
WIP🏗 A easy to use forums widget for all Web3ians -
<SonicChat />
WIP🏗 Another quick, plug-&-play chat widget for dApps, dGames
🚀 Support
Framework | Version |
---|---|
react-js | 0.2.5 |
next-js | 0.3.0 |
react-ts | 0.3.5 |
next-ts | 0.4.0 |
vue | 0.5.0 |
svelte | 0.6.0 |
We plan to release these major versions and support all the leading web frameworks in coming months.
✅ Contributing
All code contributions, including those of people having commit access, must go through a pull request and be approved by a core developer before being merged. This is to ensure a proper review of all the code.
We truly
👨🏻💻 Builders
📄 License
This repository is available under the MIT License.