Shmi comments on Assorted thoughts about abstraction

Shmi 5 Jul 2022 20:32 UTC
2 points
0
I agree with your preferences for top-down abstraction description. Sadly, simple text editors are not designed for it, though various IDEs show a popup of a method body when clicked or moused over. None do it recursively though, I think.
- Adam Zerner 5 Jul 2022 22:42 UTC
  2 points
  0
  Parent
  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.
    - Adam Zerner 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.