Biff Wiff comments on Assorted thoughts about abstraction

Biff Wiff 5 Jul 2022 22:42 UTC
2 points
0
I’m not sure what you mean. You can write this (top-down):
```
const ConfidenceSubmission = () => (
  <section>
    <Button />
    <Input />
    <Popover />
  </section>
);
const Button = () => { ... };
const Input = () => { ... };
const Popover = () => { ... };

export default ConfidenceSubmission;
```
instead of this (bottom-up)
```
const Button = () => { ... };
const Input = () => { ... };
const Popover = () => { ... };
const ConfidenceSubmission = () => (
  <section>
    <Button />
    <Input />
    <Popover />
  </section>
);

export default ConfidenceSubmission;
```
in any editor, right?
- Shmi 5 Jul 2022 23:46 UTC
  2 points
  0
  Parent
  Yes, but you can’t just see the top-level abstraction ConfidenceSubmission, then mouse over it, which pops up the lambda of it, then mouse over say, Button and see its lambda, and so on.
  - Biff Wiff 6 Jul 2022 4:22 UTC
    2 points
    0
    Parent
    I’m able to do that in VSCode when I hover over while holding down the option key.
    - Shmi 6 Jul 2022 6:07 UTC
      2 points
      0
      Parent
      I believe you, but I don’t think it allows seamless zooming in and out of abstraction levels, including editing and auto-refactoring in place… Maybe there is a plugin for that.