Guide to create a reducer that is connected to the nRFConnectCore store in the boilerplate?

RE: Guide to create a reducer that is connected to the nRFConnectCore store in the boilerplate?

Edvard Gjessing Bakken — Tue, 06 Mar 2018 12:20:23 GMT

Hi Magne,

Thanks for the response. It enlightened many aspects!

Like you said, it was all in the export of reduceApp in index.jsx

The problem i had was that i had two reduceApp functions in the export, because i did not notice the boilerplate came with an allready made reduceApp function so i made my own. The program has for many days now exported an empty reducer which did nothing, twisting my brain for why not my self made reduceApp function did not work.

Have a nice day!

RE: Guide to create a reducer that is connected to the nRFConnectCore store in the boilerplate?

Magne Rodem — Tue, 06 Mar 2018 07:45:55 GMT

Hi Edvard,

The API reference gives some information and examples on how to create reducers in nRF Connect apps: https://github.com/NordicSemiconductor/pc-nrfconnect-core/wiki/API-reference#adding-information-to-state

The state in nRF Connect for desktop is structured like this:

{
core: {
...
},
app: {
...
},
}

The state below `state.core` is managed by the core framework. Here you will find state related to logging, navigation, serial ports, etc. that is common for all apps. The state below `state.app`, however, is managed by the app. If you implement a `reduceApp` function in your app's index.jsx as described in the API reference, then you should be able to add some custom state in your app.

You were asking specifically about the root reducer. That can be found here: github.com/.../index.js. If you follow the reducer tree from here, then you will see what information can be found in `state.core`, and how `state.app` is implemented.

Also, you may know this already, but if you build pc-nrfconnect-core in development mode (`npm run dev`), and open the development console(Ctrl+Shift+I) when you have the app running, you will see a log of all actions that are dispatched and how they affect the state.

I hope this cleared things up a bit. Feel free to contact me if you have further questions.

RE: Guide to create a reducer that is connected to the nRFConnectCore store in the boilerplate?

Edvard Gjessing Bakken — Mon, 05 Mar 2018 22:02:54 GMT

i see that i exluded some key points:

The index.js[0] reducer export i mentioned is taken from the nRF Connect BLE[1]. I have studied the code in this repository and based my boilerplate-project on how the reducers and actions is connected this repo.

[0] github.com/.../index.js

[1] github.com/.../pc-nrfconnect-ble