# 15. webcomponents for webapp

Date: 2021-11-29

## Status

2021-11-29 proposed

## Context

- [ ] Editor: https://github.com/KillerCodeMonkey/stencil-quill
  - [ ] Notion Like: [https://github.com/konstantinmuenster/notion-clone](https://github.com/konstantinmuenster/notion-clone)
  - [ ] [react-tapable-editor](https://github.com/ryuever/react-tapable-editor) with draft.js
- [x] SearchBox with Action
  - [x] Quake Action
- [ ] Stencil.js Router
  - [ ] [https://github.com/ionic-team/stencil-router](https://github.com/ionic-team/stencil-router)
  - [ ] edit to editor view
- [ ] Web Components
  - [https://reactjs.org/docs/web-components.html](https://reactjs.org/docs/web-components.html)
  - [https://levelup.gitconnected.com/convert-existing-react-components-intowebcomponents-2b33b842ff9a](https://levelup.gitconnected.com/convert-existing-react-components-intowebcomponents-2b33b842ff9a) 
- [ ] Dashboard
- [ ] ChartView
- [ ] Ledge Render

Markdown Editor:

- [https://github.com/Vanessa219/vditor](https://github.com/Vanessa219/vditor)
- [https://github.com/uiwjs/react-md-editor](https://github.com/uiwjs/react-md-editor), is simple
- [https://github.com/outline/rich-markdown-editor](https://github.com/outline/rich-markdown-editor)

rich samples: [https://github.com/outline/outline/blob/main/app/components/Editor.tsx](https://github.com/outline/outline/blob/main/app/components/Editor.tsx)

React Notion Render:

- [https://github.com/splitbee/react-notion](https://github.com/splitbee/react-notion)
- [https://github.com/NotionX/react-notion-x](https://github.com/NotionX/react-notion-x)

Knowledge App:

- [https://github.com/logseq/logseq](https://github.com/logseq/logseq)

## Decision

Decision here...

## Consequences

Consequences here...