You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: react-native/basic-example/README.md
+3-2
Original file line number
Diff line number
Diff line change
@@ -5,5 +5,6 @@ The examples in this directory demonstrate how to use TalkJS with React Native t
5
5
-[ReactNavigationExample](./ReactNavigationExample/) uses the [React Navigation](https://reactnavigation.org/docs/getting-started/) library to navigate between screens
6
6
-[ReactNativeNavigationExample](./ReactNativeNavigationExample/) uses the [React Native Navigation](https://wix.github.io/react-native-navigation/docs/before-you-start/) library
7
7
8
-
> [!TIP]
9
-
> [Download these example projects as a zip file](https://github.com/talkjs/talkjs-examples/releases/latest/download/react-native.basic-example.zip)
8
+
The examples use React Native version 0.73. You can use the React Native SDK with versions 0.64 and up.
9
+
10
+
> [!TIP] > [Download these example projects as a zip file](https://github.com/talkjs/talkjs-examples/releases/latest/download/react-native.basic-example.zip)
Copy file name to clipboardExpand all lines: react/basic-example/README.md
+3-2
Original file line number
Diff line number
Diff line change
@@ -2,8 +2,9 @@
2
2
3
3
This is a basic example that demonstrates how to integrate TalkJS into a React app with our [React SDK](https://talkjs.com/docs/Reference/React_SDK/Installation/), bootstrapped with [Create React App](https://github.com/facebookincubator/create-react-app).
4
4
5
-
> [!TIP]
6
-
> [Download this example project as a zip file](https://github.com/talkjs/talkjs-examples/releases/latest/download/react.basic-example.zip)
5
+
This example uses React version 18. You can use the React SDK with versions 17 and up.
6
+
7
+
> [!TIP] > [Download this example project as a zip file](https://github.com/talkjs/talkjs-examples/releases/latest/download/react.basic-example.zip)
Copy file name to clipboardExpand all lines: react/next.js/README.md
+3-2
Original file line number
Diff line number
Diff line change
@@ -4,8 +4,9 @@ This is a minimal example that demonstrates how to integrate TalkJS into a Next.
4
4
5
5
The React SDK is not able to render components on the server, so we use Next.js's [Client Components](https://nextjs.org/docs/app/building-your-application/rendering/client-components) to render them on the client.
6
6
7
-
> [!TIP]
8
-
> [Download this example project as a zip file](https://github.com/talkjs/talkjs-examples/releases/latest/download/react.next.js.zip)
7
+
This example uses React version 18.
8
+
9
+
> [!TIP] > [Download this example project as a zip file](https://github.com/talkjs/talkjs-examples/releases/latest/download/react.next.js.zip)
Copy file name to clipboardExpand all lines: react/remote-work-demo/README.md
+5-5
Original file line number
Diff line number
Diff line change
@@ -2,16 +2,16 @@
2
2
3
3
This example shows you how to use React and TalkJS to create a team chat with channels (like Slack or Teams). It's similar to the [remote work demo](https://talkjs.com/demo/team-chat/) that you can try on our website. See our [How to use TalkJS to create a team chat with channels](https://talkjs.com/resources/how-to-use-talkjs-to-create-a-team-chat-with-channels/) tutorial for more details.
4
4
5
-
> [!TIP]
6
-
> [Download this example project as a zip file](https://github.com/talkjs/talkjs-examples/releases/latest/download/react.remote-work-demo.zip)
5
+
The example uses React version 18. You can use the React SDK with versions 17 and up.
6
+
7
+
> [!TIP] > [Download this example project as a zip file](https://github.com/talkjs/talkjs-examples/releases/latest/download/react.remote-work-demo.zip)
7
8
8
9
## Instructions
9
10
10
11
1. Clone or [download this project](https://github.com/talkjs/talkjs-examples/releases/latest/download/react.remote-work-demo.zip).
11
12
2. Install dependencies by either running `npm install` or `yarn`.
12
13
3. Create a [TalkJS account](https://talkjs.com/dashboard/signup/).
13
-
4. In `talkjsConfig.js`, replace `appId` with your own app ID. You can find your app ID on the **Settings** page of your [TalkJS dashboard](https://talkjs.com/dashboard/).
14
+
4. In `talkjsConfig.js`, replace `appId` with your own app ID. You can find your app ID on the **Settings** page of your [TalkJS dashboard](https://talkjs.com/dashboard/).
14
15
5. From this point on, you're ready to start up the app using using either `npm run` or `yarn start`. The app will be up and running at localhost:3000.
15
16
16
-
The app is prepopulated with a default user and a couple of hardcoded conversations, which easily can be replaced with your own users and conversations. You can find these conversations and the default `userId` in `src/talkJsConfig.js` as well.
17
-
17
+
The app is prepopulated with a default user and a couple of hardcoded conversations, which easily can be replaced with your own users and conversations. You can find these conversations and the default `userId` in `src/talkJsConfig.js` as well.
Copy file name to clipboardExpand all lines: react/team-chat-with-threads/README.md
+3-2
Original file line number
Diff line number
Diff line change
@@ -4,8 +4,9 @@ This example extends our [team chat with channels example](https://github.com/ta
4
4
5
5
See our [How to add reply threads to your TalkJS team chat](https://talkjs.com/resources/how-to-add-threads-to-your-team-chat-with-talkjs/) tutorial for more details.
6
6
7
-
> [!TIP]
8
-
> [Download this example project as a zip file](https://github.com/talkjs/talkjs-examples/releases/latest/download/react.team-chat-with-threads.zip)
7
+
The example uses React version 18. You can use the React SDK with versions 17 and up.
8
+
9
+
> [!TIP] > [Download this example project as a zip file](https://github.com/talkjs/talkjs-examples/releases/latest/download/react.team-chat-with-threads.zip)
0 commit comments