Disable the source ouput to jsdoc

Don't want to output source code to the documentation,

Tye update jsdoc.conf.json (or your jsdoc config file).

     "templates": {
      "better-docs": {
          "name": "My React components"
        },
      "default":{
        "outputSourceFiles": false // Add this
      }

React doc

Just like java doc, this is jsdoc for react.

raspberry pi wifi set up

Run command to find your wifi provider
sudo iwlist wlan0 scan

Find your provider with
ESSID:"testing"

Locate the setting
sudo nano /etc/wpa_supplicant/wpa_supplicant.conf

Set wifi password to settings

network={
    ssid="testing"
    psk="testingPassword"
}

To encrypt wifi password, run
wpa_passphrase "[wifi id]"

then enter the encrpted password.
The output is

  network={
      ssid="testing"
      #psk="testingPassword"
      psk=131e1e221f6e06e3911a2d11ff2fac9182665c004de85300f9cac208a6a80531
  }

Copy to the above file and remove the original password.

bootstrap 4 fade effect

The fade transition effect is working when show class adding to fade class.

For example,

<div class="fade">
...
</div>

change to

<div class="fade show">
...
</div>

The fading in effect is working with opacity property.

Try live example in codepen.

The match condition of react useEffect

From https://lukaszmakuch.pl/post/react-hooks-oops-part-2-effect-runs-multiple-times-with-the-same-dependencies/

useEffect(fn, deps);

fn is the function, and deps is an array of values it depends on. Every time the component renders, React checks if all the values in the deps array are still the same. If any of them has changed since the last render, fn is run again.

So, in the deps array, any one of variables changed, then the function fn inside useEffect run.

React diagram

Evaluating two react flow diagrams

react-flow-chart
It looks a little bit odds, the arrows are on the top/bottom of diagram from the demo.

react-diagrams
From the demo see a lot more complicated cases.
To see demo,  run
 cd packages/diagrams-demo-gallery && yarn run start

npm ERR! missing:

Part of error messages

...
  +-- terser@3.17.0 deduped
  +-- v8-compile-cache@2.1.0 deduped
  `-- ws@5.2.2 deduped

npm ERR! missing: mkdirp@0.5.1, required by node-pre-gyp@0.12.0
npm ERR! missing: minimist@0.0.8, required by mkdirp@0.5.1
npm ERR! missing: minimatch@3.0.4, required by ignore-walk@3.0.1
...

Then I run
npm update -g
that is suggestion from stackoverflow.

But, still not fix.

NPM error : UNMET DEPENDENCY

It's right in that message, it says which deps you're missing

Kafka vs ActiveMQ

Some nice description from stackoverflow.

gRPC

Some resources

• Envoy and gRPC-Web
• gRPC for Spring developer

Markdown multple level list with number and alpha index in the different level

According stackoverflow, only Pandoc can do that.

Install PostgreSQL

Download from https://www.enterprisedb.com/thank-you-downloading-postgresql?anid=1256972

Use port 5432

Admin tools