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: doc/7/getting-started/react-native/index.md
+10-10Lines changed: 10 additions & 10 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -9,13 +9,13 @@ order: 400
9
9
10
10
# Getting Started with Kuzzle and React Native
11
11
12
-
This section deals with **Kuzzle** (+ [**Javascript SDK**](/sdk/js/7/)) and **React Native**. We will create **documents** in Kuzzle and subscribe to [document notifications](/sdk/js/7/essentials/realtime-notifications/#document-messages) to develop a realtime chat.
12
+
This section deals with **Kuzzle V2** (+ **Javascript SDK 7**) and **React Native**. We will create **documents** in Kuzzle and subscribe to [document notifications](/sdk/js/7/essentials/realtime-notifications#document-messages) to develop a realtime chat.
"[Expo](https://docs.expo.io/versions/latest/) is a framework and a platform for universal React applications. It is a set of tools and services built around React Native and native platforms that help you develop, build, deploy, and quickly iterate on iOS, Android, and web apps from the same JavaScript/TypeScript codebase."
@@ -32,7 +32,7 @@ Then choose a blank project, type 'Kuzzle' and type y.
32
32
Install Kuzzle's Javascript SDK:
33
33
```bash
34
34
cd getting-started-kuzzle
35
-
npm install kuzzle-sdk
35
+
npm install kuzzle-sdk@7
36
36
```
37
37
38
38
Now, you can run your app and access it by different ways:
@@ -100,7 +100,7 @@ Like in our previous components, we'll first need to add our imports:
100
100
101
101
<<< ./snippets/ChatClient.js.snippet:1[js]
102
102
103
-
Then we will create our state that will contains our messages and call the function that will initialize our kuzzle by [establish the connection](/sdk/js/7/core-classes/kuzzle/connect/) to kuzzle and create, if they don't [exist](sdk/js/7/controllers/index/exists/), the [index](sdk/js/6/controllers/index/create/) and [collection](sdk/js/7/controllers/collection/create/) of our chat.
103
+
Then we will create our state that will contains our messages and call the function that will initialize our kuzzle by [establish the connection](/sdk/js/7/core-classes/kuzzle/connect) to kuzzle and create, if they don't [exist](/sdk/js/7/controllers/index/exists), the [index](/sdk/js/7/controllers/index/create) and [collection](/sdk/js/7/controllers/collection/create) of our chat.
104
104
105
105
<<< ./snippets/ChatClient.js.snippet:2[js]
106
106
@@ -111,10 +111,10 @@ Create the following function to fetch the messages:
111
111
112
112
<<< ./snippets/ChatClient.js.snippet:6[js]
113
113
114
-
The function `fetchMessage()` will [search](/sdk/js/7/controllers/document/search/) for the first hundred newest messages and store them in our state, before subscribing to changes in the `messages` collection.
114
+
The function `fetchMessage()` will [search](/sdk/js/7/controllers/document/search) for the first hundred newest messages and store them in our state, before subscribing to changes in the `messages` collection.
115
115
116
116
Then, create the `subscribeMessages()` function.
117
-
It will call the Kuzzle's realtime controller to allow us to [receive notifications](/sdk/js/7/controllers/realtime/subscribe/) on message creations:
117
+
It will call the Kuzzle's realtime controller to allow us to [receive notifications](/sdk/js/7/controllers/realtime/subscribe) on message creations:
118
118
119
119
<<< ./snippets/ChatClient.js.snippet:7[js]
120
120
@@ -132,7 +132,7 @@ We will need a function to create a document in Kuzzle when an user send a messa
132
132
133
133
<<< ./snippets/ChatClient.js.snippet:8[js]
134
134
135
-
This simple method will [create](/sdk/js/7/controllers/document/create/) a new message document in Kuzzle.
135
+
This simple method will [create](/sdk/js/7/controllers/document/create) a new message document in Kuzzle.
136
136
137
137
As you can see we don't push the new message in our array on message creation.
138
138
@@ -187,7 +187,7 @@ You can now add new messages to Kuzzle and receive the creation notification to
187
187
Now that you're more familiar with Kuzzle, dive even deeper to learn how to leverage its full capabilities:
188
188
189
189
- discover what this SDK has to offer by browsing other sections of this documentation
190
-
- learn more about Kuzzle [realtime engine](/core/2/guides/essentials/real-time/)
191
-
- follow our guide to learn how to [manage users, and how to set up fine-grained access control](/core/2/guides/essentials/security/)
192
-
- lean how to use Kuzzle [Admin Console](/core/2/guides/essentials/admin-console/) to manage your users and data
190
+
- learn more about Kuzzle [realtime engine](/core/2/guides/essentials/real-time)
191
+
- follow our guide to learn how to [manage users, and how to set up fine-grained access control](/core/2/guides/essentials/security)
192
+
- lean how to use Kuzzle [Admin Console](/core/2/guides/essentials/admin-console) to manage your users and data
193
193
- learn how to perform a [basic authentication](/sdk/js/7/controllers/auth/login)
Copy file name to clipboardExpand all lines: doc/7/getting-started/react/with-redux/index.md
+9-11Lines changed: 9 additions & 11 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -9,13 +9,13 @@ order: 0
9
9
10
10
# Getting Started with Kuzzle and React with Redux Saga
11
11
12
-
This section deals with **Kuzzle** (+ **Javascript SDK**) and **React** (with **Redux** and **Redux Saga**). We will create **documents** in Kuzzle and subscribe to [document notifications](/sdk/js/7/essentials/realtime-notifications/#document-messages) to develop a realtime chat.
12
+
This section deals with **Kuzzle V2** (+ **Javascript SDK 7**) and **React** (with **Redux** and **Redux Saga**). We will create **documents** in Kuzzle and subscribe to [document notifications](/sdk/js/7/essentials/realtime-notifications#document-messages) to develop a realtime chat.
We'll rewrite the _src/App.js_ so you can remove everything inside.
@@ -54,7 +54,7 @@ After that, create that function with the connection to Kuzzle:
54
54
55
55
<<< ./snippets/App.js.snippet:2[js]
56
56
57
-
Then we will [establish the connection](/sdk/js/7/core-classes/kuzzle/connect/) to kuzzle and create, if they don't [exist](sdk/js/6/controllers/index/exists/), the [index](sdk/js/6/controllers/index/create/) and [collection](sdk/js/6/controllers/collection/create/) for our chat.
57
+
Then we will [establish the connection](/sdk/js/7/core-classes/kuzzle/connect) to kuzzle and create, if they don't [exist](/sdk/js/7/controllers/index/exists), the [index](/sdk/js/7/controllers/index/create) and [collection](/sdk/js/7/controllers/collection/create) for our chat.
58
58
59
59
Add the following lines to the `_initialize` function:
60
60
@@ -116,7 +116,7 @@ We can now display the messages stored in Kuzzle. In the next part, we'll see ho
116
116
117
117
## Send messages
118
118
119
-
We need to write a simple method that will [create](/sdk/js/7/controllers/document/create/) a new message document in Kuzzle.
119
+
We need to write a simple method that will [create](/sdk/js/7/controllers/document/create) a new message document in Kuzzle.
120
120
Add the following function in your `app` class in the_src/App.js_ file:
121
121
122
122
<<< ./snippets/App.js.snippet:10[js]
@@ -130,7 +130,7 @@ Let's add it in the _src/state/sagas.js_ file:
130
130
131
131
As you can see we don't push the new message in our state on message creation.
132
132
Now, we need to subscribe to changes made on the collection containing our messages.
133
-
So let's create our `_subscribeToNewMessages()` function in the `app` class in _src/App.js_ file. It will call Kuzzle's realtime controller to allow us to [receive notifications](/sdk/js/7/controllers/realtime/subscribe/) on message creations:
133
+
So let's create our `_subscribeToNewMessages()` function in the `app` class in _src/App.js_ file. It will call Kuzzle's realtime controller to allow us to [receive notifications](/sdk/js/7/controllers/realtime/subscribe) on message creations:
134
134
135
135
<<< ./snippets/App.js.snippet:8[js]
136
136
@@ -164,8 +164,6 @@ You can now add new messages to Kuzzle and receive the notification of the creat
164
164
Now that you're more familiar with Kuzzle with React, you can:
165
165
166
166
- discover what this SDK has to offer by browsing other sections of this documentation
167
-
- learn how to use [Koncorde](/core/2/guides/cookbooks/realtime-api/introduction/) to create incredibly fine-grained and blazing-fast subscriptions
168
-
- learn more about Kuzzle [realtime engine](/core/2/guides/essentials/real-time/)
169
-
- follow our guide to learn how to [manage users, and how to set up fine-grained access control](/guide/1/essentials/security/)
170
-
171
-
To help you starting a new project with Kuzzle and React, you can start with the [**Kuzzle, React and Redux boilerplate**](https://github.com/kuzzleio/kuzzle-react-redux-boilerplate).
167
+
- learn how to use [Koncorde](/core/2/guides/cookbooks/realtime-api/introduction) to create incredibly fine-grained and blazing-fast subscriptions
168
+
- learn more about Kuzzle [realtime engine](/core/2/guides/essentials/real-time)
169
+
- follow our guide to learn how to [manage users, and how to set up fine-grained access control](/core/2/guides/essentials/security)
Copy file name to clipboardExpand all lines: doc/7/getting-started/vuejs/standalone/index.md
+10-10Lines changed: 10 additions & 10 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -9,14 +9,14 @@ order: 0
9
9
10
10
# Getting Started with Kuzzle and VueJS
11
11
12
-
This section deals with **Kuzzle** (+ **Javascript SDK**) and **VueJS**. We will create **documents** in Kuzzle and subscribe to [document notifications](/sdk/js/7/essentials/realtime-notifications/#document-messages) to develop a realtime chat.
12
+
This section deals with **Kuzzle V2** (+ **Javascript SDK 7**) and **VueJS**. We will create **documents** in Kuzzle and subscribe to [document notifications](/sdk/js/7/essentials/realtime-notifications#document-messages) to develop a realtime chat.
In the _App.vue_ file, you should remove the tag, the import and the component registration of the `HelloWorld` component, we won't use it.
@@ -46,7 +46,7 @@ We need to import our Kuzzle SDK instance, so just add the following line in you
46
46
47
47
<<< ./snippets/App.vue.snippet:3[js]
48
48
49
-
Then we will [establish the connection](/sdk/js/7/core-classes/kuzzle/connect/) to kuzzle and create, if they don't [exist](sdk/js/6/controllers/index/exists/), the [index](sdk/js/6/controllers/index/create/) and [collection](sdk/js/6/controllers/collection/create/) of our chat.
49
+
Then we will [establish the connection](/sdk/js/7/core-classes/kuzzle/connect) to kuzzle and create, if they don't [exist](/sdk/js/7/controllers/index/exists/), the [index](/sdk/js/7/controllers/index/create) and [collection](/sdk/js/7/controllers/collection/create) of our chat.
50
50
Add the following `valid()` method in the export of the `<script>` tag of your _App.vue_ file:
51
51
52
52
<<< ./snippets/App.vue.snippet:2[js]
@@ -71,7 +71,7 @@ Then, create the following functions to fetch and display the messages:
71
71
72
72
<<< ./snippets/App.vue.snippet:6[js]
73
73
74
-
The function `fetchMessage()` will [search](/sdk/js/7/controllers/document/search/) for the first hundred newest messages and store them in our array, before subscribing to changes in the `messages` collection. We called it in the `valid()` function we created above.
74
+
The function `fetchMessage()` will [search](/sdk/js/7/controllers/document/search) for the first hundred newest messages and store them in our array, before subscribing to changes in the `messages` collection. We called it in the `valid()` function we created above.
75
75
76
76
<<< ./snippets/App.vue.snippet:7[js]
77
77
@@ -87,7 +87,7 @@ We can now display the messages stored in Kuzzle. All there is to do is to creat
87
87
88
88
## Send messages
89
89
90
-
We need to write a simple method that will [create](/sdk/js/7/controllers/document/create/) a new message document in Kuzzle.
90
+
We need to write a simple method that will [create](/sdk/js/7/controllers/document/create) a new message document in Kuzzle.
91
91
92
92
<<< ./snippets/App.vue.snippet:10[js]
93
93
@@ -96,7 +96,7 @@ As you can see we don't push the new message in our array on message creation.
96
96
Indeed, we will receive notifications from Kuzzle each time we modify our message collection (even if it is a message creation on our part) that we will use to add the messages in our array.
97
97
98
98
Now, we need to subscribe to the collection that contains our messages.
99
-
So let's create our `subscribeMessages()` action. It will call the Kuzzle's realtime controller to allow us to [receive notifications](/sdk/js/7/controllers/realtime/subscribe/) on message creations:
99
+
So let's create our `subscribeMessages()` action. It will call the Kuzzle's realtime controller to allow us to [receive notifications](/sdk/js/7/controllers/realtime/subscribe) on message creations:
100
100
101
101
<<< ./snippets/App.vue.snippet:11[js]
102
102
@@ -115,7 +115,7 @@ You can now add new messages to Kuzzle and receive the creation notification to
115
115
Now that you're more familiar with Kuzzle, dive even deeper to learn how to leverage its full capabilities:
116
116
117
117
- discover what this SDK has to offer by browsing other sections of this documentation
118
-
- learn more about Kuzzle [realtime engine](/core/2/guides/essentials/real-time/)
119
-
- follow our guide to learn how to [manage users, and how to set up fine-grained access control](/core/2/guides/essentials/security/)
120
-
- lean how to use Kuzzle [Admin Console](/core/2/guides/essentials/admin-console/) to manage your users and data
118
+
- learn more about Kuzzle [realtime engine](/core/2/guides/essentials/real-time)
119
+
- follow our guide to learn how to [manage users, and how to set up fine-grained access control](/core/2/guides/essentials/security)
120
+
- lean how to use Kuzzle [Admin Console](/core/2/guides/essentials/admin-console) to manage your users and data
121
121
- learn how to perform a [basic authentication](/sdk/js/7/controllers/auth/login)
0 commit comments