NodeJS, React etc.

Note about 3rd Party libraries:

UI Libraries

• React Boostrap: https://react-bootstrap.github.io/
• Fluent UI (Microsoft) : https://developer.microsoft.com/en-us/fluentui#/
• Note about licence: https://qiita.com/yoh1496/items/aa39084b1c0b97b70e07
• GitHub: https://github.com/microsoft/fluentui
• Ant Design: https://ant.design/
• Atlaskit by Atlassian : https://atlaskit.atlassian.com/get-started

Draw libraries:

• Fabric.js: http://fabricjs.com/
• GitHub: https://github.com/fabricjs/fabric.js
• MxGraph: https://github.com/jgraph/mxgraph  -  
• Graph Editor: https://jgraph.github.io/mxgraph/javascript/examples/grapheditor/www/index.html
• DrawJs: https://www.drawerjs.com/features
• React diagrams: https://github.com/projectstorm/react-diagrams
• PixiJS: https://www.pixijs.com/
• React diagrams: https://github.com/projectstorm/react-diagrams
• 
  

Editor:

• Note about editors use React: https://qiita.com/so99ynoodles/items/5b4f237e03dadc42e751
• Note about editors using react: https://ourcodeworld.com/articles/read/1065/top-15-best-rich-text-editor-components-wysiwyg-for-reactjs
• Editor.js: https://editorjs.io/

Charts:

• Recharts: https://recharts.org/en-US
• Chart.js: https://www.chartjs.org/samples/latest/

Others:

• Code colorizing: 
• React-Ace: https://securingsincity.github.io/react-ace/
• Interact.js: https://github.com/taye/interact.js

Basic environment:

• node: v12.18.3
• npm: 6.14.6

Preparation:

- Create new project folder
mkdir react_app
cd react_app
npm init
mkdir src
mkdir public

- Install 
npm install --save react react-dom

- Install
npm install --save-dev webpack webpack-cli webpack-dev-server html-webpack-plugin

- Good reference for environment preparation: @see