Skip to content

Latest commit

 

History

History
42 lines (27 loc) · 1.2 KB

learned-topics.md

File metadata and controls

42 lines (27 loc) · 1.2 KB

Learned Topics

Mermaid diagrams

Mermaid has simpler syntax than plantuml and supported by github in markdown files.
Flow chart can be used for component tree visualistaions

Debug arrow functions

Arrow functions not perform as usual functions in devtools. I cant see their arguments value and output value.

devtools screenshot demonstrating arrow function

Chromatic storybook

Free and simple solution to publish storybook to web

Github Action Chromatic

Layout based on software keyboard

Related issues:

By default, software keyboard changes visualViewport, not affecting window.innerHeight.

Chrome Android

It is possible to alter default behavior with meta tag:

<meta
  name="viewport"
  content="width=device-width,initial-scale=1,interactive-widget=resizes-content"
/>

Safari

No support of interactive-widget=resizes-content, so only default behavior supported