
Security News
pnpm 10.12 Introduces Global Virtual Store and Expanded Version Catalogs
pnpm 10.12.1 introduces a global virtual store for faster installs and new options for managing dependencies with version catalogs.
@dytesdk/react-web-core
Advanced tools
A SDK that provides Dyte's core functionality, in React.
Explore the docs »
View Demo
·
Report Bug
·
Request Feature
The core SDK provides Dyte's core functionality, while letting a developer build a custom UI over it.
To get a local copy up and running follow these simple steps.
npm install @dytesdk/react-web-core
First, start by initializing a DyteClient instance with the useDyteClient()
hook.
import { useDyteClient, DyteProvider } from '@dytesdk/react-web-core';
const App = () => {
const [client, loadClient] = useDyteClient();
useEffect(() => {}, []);
return (
<DyteProvider value={client}>
{/* Render your UI here. Subcomponents can now use the `useDyteMeeting` and `useDyteSelector` hooks */}
</DyteProvider>
);
};
Now you can use the useDyteMeeting
and useDyteSelector
hooks as you would like:
import { useDyteMeeting, useDyteSelector } from '@dytesdk/react-web-core';
const Meeting = () => {
// in case you want to use the whole meeting object
const meeting = useDyteMeeting();
// in case you just want to use a `slice` of a meeting object
// these are optimized so that re-renders only occur when the selected slice changes
const messages = useDyteSelector((meeting) => meeting.chat.messages);
const activeParticipants = useDyteSelector(
(meeting) => meeting.participants.active
);
return <div>{/* render your UI */}</div>;
};
react-web-core
is created & maintained by Dyte, Inc. You can find us on Twitter - @dyte_io or write to us at dev [at] dyte.io
.
The names and logos for Dyte are trademarks of Dyte, Inc.
We love open source software! See our other projects and our products.
FAQs
React wrapper for @dytesdk/web-core.
The npm package @dytesdk/react-web-core receives a total of 2,730 weekly downloads. As such, @dytesdk/react-web-core popularity was classified as popular.
We found that @dytesdk/react-web-core demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
pnpm 10.12.1 introduces a global virtual store for faster installs and new options for managing dependencies with version catalogs.
Security News
Amaro 1.0 lays the groundwork for stable TypeScript support in Node.js, bringing official .ts loading closer to reality.
Research
A deceptive PyPI package posing as an Instagram growth tool collects user credentials and sends them to third-party bot services.