### Install Replyke React and Social Comments Packages

Source: https://github.com/replyke/monorepo/blob/main/README.md

This command installs the required `@replyke/comments-social-react-js` and `@replyke/react-js` packages using pnpm, which are essential for integrating Replyke's social comment features into a React application.

```bash
pnpm add @replyke/comments-social-react-js @replyke/react-js
```

--------------------------------

### Minimal React App Integration for Replyke Comments

Source: https://github.com/replyke/monorepo/blob/main/README.md

This TypeScript React example demonstrates a basic setup for integrating Replyke's social comment section. It utilizes `ReplykeProvider` for project configuration, `EntityProvider` to define the content entity, and `SocialCommentSection` for the UI. It also shows how to use `useSignTestingJwt` for development-only JWT signing.

```tsx
import { SocialCommentSection } from "@replyke/comments-social-react-js";
import {
  EntityProvider,
  ReplykeProvider,
  useSignTestingJwt,
} from "@replyke/react-js";
import { useEffect, useState } from "react";

const PROJECT_ID = import.meta.env.VITE_PUBLIC_REPLYKE_PROJECT_ID;
const PRIVATE_KEY = import.meta.env.VITE_PUBLIC_REPLYKE_SECRET_KEY;

const DUMMY_USER = { id: "user1", username: "lionel_messi10" };
const DUMMY_POST = {
  id: "post_1234",
  title: "Replyke Demo",
  content: "Adding comment sections has never been so easy!",
};

function SingleItem({
  post,
}: {
  post: {
    id: string;
    title: string;
    content: string;
  };
}) {
  return (
    <div className="h-screen p-24">
      <div className="w-full max-w-4xl h-full rounded-2xl shadow-2xl overflow-hidden flex flex-col">
        <div className="p-6 border-b border-gray-200">
          <h3 className="font-semibold text-lg">{post.title}</h3>
          <p>{post.content}</p>
        </div>
        <div className="relative flex-1 flex flex-col pt-4">
          <SocialCommentSection />
        </div>
      </div>
    </div>
  );
}

function App() {
  const signTestingJwt = useSignTestingJwt();

  const [signedToken, setSignedToken] = useState<string>();

  useEffect(() => {
    const handleSignJwt = async () => {
      const token = await signTestingJwt({
        projectId: PROJECT_ID,
        privateKey: PRIVATE_KEY,
        payload: DUMMY_USER,
      });
      setSignedToken(token);
    };

    handleSignJwt();
  }, []);

  return (
    <ReplykeProvider projectId={PROJECT_ID} signedToken={signedToken}>
      <EntityProvider foreignId={DUMMY_POST.id} createIfNotFound>
        <SingleItem post={DUMMY_POST} />
      </EntityProvider>
    </ReplykeProvider>
  );
}

export default App;

```

--------------------------------

### Install Replyke Core Expo Package

Source: https://github.com/replyke/monorepo/blob/main/packages/expo/README.md

Installs the @replyke/core package using npm, providing core client functionality for Replyke platform integration within an Expo project.

```sh
npm install @replyke/core
```

--------------------------------

### Install Replyke Core React Native Package

Source: https://github.com/replyke/monorepo/blob/main/packages/react-native/README.md

Instructions to install the Replyke Core package for React Native applications using npm.

```sh
npm install @replyke/core
```

--------------------------------

### Install Replyke Core Package

Source: https://github.com/replyke/monorepo/blob/main/packages/core/README.md

Instructions for installing the Replyke Core package using npm. This command adds the package to your project's dependencies.

```sh
npm install @replyke/core
```

--------------------------------

### Install Replyke Social Comment Section via npm

Source: https://github.com/replyke/monorepo/blob/main/packages/ui/comments/social/react-native/README.md

This command installs the `@replyke/comments-social-react-native` package using npm. This package provides the core components for integrating the Replyke social comment section into your React Native application. Ensure you have Node.js and npm installed before running this command.

```Shell
npm install @replyke/comments-social-react-native
```

--------------------------------

### Install Replyke Core React JS Package

Source: https://github.com/replyke/monorepo/blob/main/packages/react-js/README.md

This command demonstrates how to install the `@replyke/core` package using npm, the Node.js package manager. This is the standard method for adding the library to your project's dependencies, making its features available for use in your React application.

```Shell
npm install @replyke/core
```

--------------------------------

### Install Replyke Social Comment Section React Component

Source: https://github.com/replyke/monorepo/blob/main/packages/ui/comments/social/react-js/README.md

This command installs the Replyke Social Comment Section React component using npm, making it available for use in your React application. It's the first step to integrate the comment system.

```Shell
npm install @replyke/comments-social-react-js
```

=== COMPLETE CONTENT === This response contains all available snippets from this library. No additional content exists. Do not make further requests.