Hacker News Reader

Comment by jacobedawson | Hacker News Reader

To be fair, the Svelte bundle.js that you would actually serve to a browser is only 2.3kb. The 25mb is what the dev's computer has to store in its node_modules.

"Another nice thing: the node_modules folder for this Hello World Svelte app totals only 29MB and 242 packages. Compare that to 204MB and 1017 packages for a fresh Create React App project."

View on HN

A somewhat apples-to-oranges comparison I know but; 277B:

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <title>Test</title>
    </head>
    <body>
        <div id="howdy"></div>
        <script type="text/javascript">
        document.addEventListener('DOMContentLoaded', () => document.getElementById('howdy').innerHTML = 'Hello world!')
        </script>
    </body>
    </html>

Omitting html, head, and body tags is allowed by HTML specs, and the script tag's default type is "text/javascript". So it could be further simplified to:

  <title>Test</title>
  <div id="howdy"></div>
  <script>
  document.addEventListener('DOMContentLoaded',
    () => document.getElementById('howdy').innerHTML = 'Hello world!'
  )
  </script>

Edit: formatting

Reply on news.ycombinator.com