![]() Serve is a popular, simple CLI that serves any directory on your machine to It also comes with some extra goodies, such as Single Page Application (SPA) support and automatic live-reloading whenever a file changes.īy running npx serve in your dev directory, you can easily spin up a basic site serving CSS, HTML & JavaScript locally: What’s the least amount of tooling you need to start out with? Browsers can’t load files directly from your computer, so the first thing you’ll need is a local static asset server. To show you what I mean, let’s walk through what it looks like to build a modern web app without a bundler today. ![]() No more 1,000+ dependency node_module/ folders, no more waiting for slow startups, and no more momentum-killing bundle rebuilds. Not only is modern “unbundled” development possible, but it gives you a dramatically faster developer experience. Is it possible to remove the bundler and skip this developer experience nightmare entirely? Simple demos already work fine without bundling, but what about building a real, fully featured web app? Can you do that? For the most part, we’re writing browser-friendly JavaScript. That figure is especially frustrating when you consider that JavaScript is a language already understood by the browser. Now, multiply that over years - that’s a lot of time spent waiting around for tooling. So, if you worked on App #3 (37-second start-time, 2.5 second recompile time) non-stop for one week, a full 40-hour week would introduce about 25 minutes of non-stop wait time.įor App #1 (42-second start-time, 11 second recompile time) that same math would have you waiting on your dev environment for over 1 hour (~82 minutes) every week. On average, let’s say you test a change in your browser 10 times per hour, and start up the app every 3 hours (to change branches, detect new files, etc). I dusted off old sites on my laptop, reached out to old co-workers, and got some hard statistics on the four major applications I’d worked on over the last three years. It was bugging me so much that I decided to find out. How long do we spend waiting for these bundlers? This is something that I started thinking about recently. When you use a bundler, you’re stuck waiting for entire sections of your application to rebuild every time you change just one line of code. But with the introduction of web bundlers like webpack and Parcel, web development is no longer as simple as saving and refreshing your browser. Web development used to be all about instant feedback. Building without bundling: How to do more with less Fred Schott Follow Building Previously: Ripple, Google, Box.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |