The latest articles on Forem by Conner (@semicognitive). https://forem.com/semicognitive https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F188217%2F4c584502-0342-4243-9436-83d29b840038.PNG https://forem.com/semicognitive en Conner Sun, 29 Jan 2023 10:42:01 +0000 https://forem.com/semicognitive/the-ultimate-template-for-publishing-es-modules-1lik https://forem.com/semicognitive/the-ultimate-template-for-publishing-es-modules-1lik <p>A template to create and deploy universally reusable modules within seconds! Build with Typescript, then use in any Typescript or Javascript project.</p> <p>Start by <a href="https://github.com/semicognitive/es-package/generate">using the Github template</a>.</p> <h2> Why </h2> <ul> <li>Fast iterating thanks to <a href="https://deno.land/">Deno</a>, for built in Typescript debugging and bundling</li> <li>Easily import into <a href="https://replit.com/">Replit</a>, for an instant dev environment</li> <li>Immediately works for Deno, Bun, Node, Cloudflare Workers, etc.</li> <li>Publish to NPM in <strong><em>seconds</em></strong> </li> </ul> <h2> It works </h2> <p>Example: I need to deploy a package, so I used this template to build <a href="https://github.com/semicognitive/thefuz">thefuz</a>.</p> <p>In just a couple minutes, I used this template to:</p> <ul> <li>Open a Replit from the GitHub repo</li> <li>Create a <a href="https://www.npmjs.com/package/thefuz">NPM Package</a> </li> <li>Create a <a href="https://svelte.dev/repl/ba9befe7c7854b5a8b98e00a1bcbfd53?version=3.55.1">Svelte Repl</a> </li> </ul> <div class="table-wrapper-paragraph"><table> <thead> <tr> <th>NPM Package</th> <th>Svelte Repl</th> </tr> </thead> <tbody> <tr> <td><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--uh8oKGim--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/o6blo3s4vbficrhhmrjc.png" alt="NPM Package screenshot" width="880" height="1006"></td> <td><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--65txIcPQ--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/b28faf4lps0xykvznx7d.png" alt="Svelte Repl screenshot" width="880" height="1006"></td> </tr> </tbody> </table></div> <h2> End </h2> <p>Happy to answer any questions below, or on <a href="https://twitter.com/semicognitive">Twitter</a>. Happy programming!</p> typescript javascript github programming