dev_notes.md

Setting up example app

• NPM link doesn't work with react-native - facebook/metro#68
• Workaround for NPM linking - https://www.npmjs.com/package/wml
• https://www.bram.us/2018/03/10/working-with-symlinked-packages-in-react-native/
• We can install watchman on windows using - choco install watchman
• Setup WML- wix-incubator/wml#38 (comment)
• Source folder is deleted because of wml - wix-incubator/wml#37 (comment)

React Native

• https://docs.expo.dev/ui-programming/react-native-styling-buttons/
• https://mahyarmohammadi.medium.com/react-native-pressable-vs-touchable-5fec6b332f15
• View supports flex box so we don't need dispaly: flex.
• The default flex direction for react-native is column

CSS

• justify-content vs align-items - https://stackoverflow.com/questions/35049262/difference-between-justify-content-vs-align-items?lq=1
• Multiple colors in background using linear-gradients - https://stackoverflow.com/questions/28592053/multiple-background-color-layers
• https://stackoverflow.com/questions/27539262/whats-the-difference-between-align-content-and-align-items
• Flex only applies to the immediate children

M3

• Every container has 4 layers
  • Container
  • Surface overlay - https://m3.material.io/styles/color/the-color-system/color-roles
  • State overlay - https://m3.material.io/foundations/interaction-states
  • Content