snackui-static

- onPress extraction + media query extraction have most speed up - bug with props after spread not applying, make them deopt: - <VStack {...baseStyle} cursor="default" /> wont be right rn - have seen bugs with <Spacer flex /> and <VStack fullscreen /> -

Usage no npm install needed!

<script type="module">
  import snackuiStatic from 'https://cdn.skypack.dev/snackui-static';
</script>

README

  • onPress extraction + media query extraction have most speed up
  • bug with props after spread not applying, make them deopt:
    • <VStack {...baseStyle} cursor="default" /> wont be right rn
  • have seen bugs with and
  • make pressStyle override hoverStyle always
  • activeStyle may be desirable...
  • multi level const eval
    • const x = 1, const y = x + 10, paddingTop={y} (current in RestaurantListItem)
  • // harder than seems RN does some werid stuff with cover/etc
  • spacing
    • SmallButton good example case of constant
  • hoverStyle/pressStyle (spread + constant too - TagButton, DishView)
    • final step is hoverStyle={{ color: x, ...parent.hoverStyle, }}
  • extract media queries
  • pass in config to be able to create static extracted easily within web
    • OverlayLinkButton
  • SmallCircleButton case spreads
  • Circle, EmojiButton, LinearGradient, VoteButton
  • LinkButton - getting this to just extract styles would be big
    • just needs to tell compiler never to go to just
  • onPressIn/onPressOut etc can all be converted to inline functions still as divs (HomeAutocompleteBackground, SearchLocationButton, etc)
  • LinkButton is maybe impossible but good test case for features
  • react-feather: icons: ChevronDown etc
  • // TODO WHY SCALE NOT WORKING???
  • add a few html props for niceness
    • transition, cursor
  • Link - can maybe fully extract, if we can just run the actual component and then return the results???
  • CSS variables for color!
  • option for dev mode