waku-org
/
js-waku
mirror of https://github.com/waku-org/js-waku.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Minor correct, simplify code

This commit is contained in:
Franck Royer 2021-09-06 11:03:28 +10:00
parent 893e0b1af9
commit c468bfd662
No known key found for this signature in database
GPG Key ID: A82ED75A8DFC50A4
2 changed files with 3 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
examples/store-reactjs-chat/src/App.js
View File

@ -19,7 +19,6 @@ function App() {
const [messages, setMessages] = React.useState([]); const [messages, setMessages] = React.useState([]);
React.useEffect(() => { React.useEffect(() => {
if (!!waku) return;
if (wakuStatus !== 'None') return; if (wakuStatus !== 'None') return;
setWakuStatus('Starting'); setWakuStatus('Starting');
@ -43,7 +42,6 @@ function App() {
}, [waku, wakuStatus]); }, [waku, wakuStatus]);
React.useEffect(() => { React.useEffect(() => {
if (!waku) return;
if (wakuStatus !== 'Connected') return; if (wakuStatus !== 'Connected') return;
waku.store waku.store

12
guides/reactjs-store.md
View File

@ -23,8 +23,6 @@ In this guide, we'll review how you can use Waku Store to retrieve messages.
Before starting, you need to choose a _Content Topic_ for your dApp. Before starting, you need to choose a _Content Topic_ for your dApp.
Check out the [how to choose a content topic guide](choose-content-topic.md) to learn more about content topics. Check out the [how to choose a content topic guide](choose-content-topic.md) to learn more about content topics.
For this guide, we are using a single content topic: `/store-guide/1/news/proto`.
# Setup # Setup
Create a new React app: Create a new React app:
@ -70,8 +68,6 @@ function App() {
// Start Waku // Start Waku
React.useEffect(() => { React.useEffect(() => {
// If Waku is already assigned, the job is done
if (!!waku) return;
// If Waku status not None, it means we are already starting Waku // If Waku status not None, it means we are already starting Waku
if (wakuStatus !== 'None') return; if (wakuStatus !== 'None') return;
@ -136,15 +132,13 @@ To encode and decode protobuf payloads, you can use the [protons](https://www.np
## Install Protobuf Library ## Install Protobuf Library
First, install protons:
```shell ```shell
npm install protons npm install protons
``` ```
## Protobuf Definition ## Protobuf Definition
Then specify the data structure: Define the data structure with protons:
```js ```js
import protons from 'protons'; import protons from 'protons';
@ -174,6 +168,7 @@ function decodeMessage(wakuMessage) {
wakuMessage.payload wakuMessage.payload
); );
// All fields in protobuf are optional so be sure to check
if (!timestamp || !text || !nick) return; if (!timestamp || !text || !nick) return;
const time = new Date(); const time = new Date();
@ -190,7 +185,7 @@ function decodeMessage(wakuMessage) {
You now have all the building blocks to retrieve and decode messages for a store node. You now have all the building blocks to retrieve and decode messages for a store node.
Retrieve messages from a store node: Finally, retrieve messages from a store node:
```js ```js
const ContentTopic = '/toy-chat/2/huilong/proto'; const ContentTopic = '/toy-chat/2/huilong/proto';
@ -201,7 +196,6 @@ function App() {
const [messages, setMessages] = React.useState([]); const [messages, setMessages] = React.useState([]);
React.useEffect(() => { React.useEffect(() => {
if (!waku) return;
if (wakuStatus !== 'Connected') return; if (wakuStatus !== 'Connected') return;
waku.store waku.store