JSFoo Chennai 2020

JSFoo Chennai 2020

On component architecture, performance, security for front-end, and emerging trends

Rajasegar Chandiran

@rajasegar

SnowPack: Building Web applications with Less tooling

Submitted Jan 16, 2020

Do you think it is complicated to bundle your web application? With Snowpack you can build modern web apps (using React, Vue, etc.) without a bundler (like Webpack, Parcel, Rollup). No more waiting for your bundler to rebuild your site every time you hit save. Instead, every change is reflected in the browser instantly.
Most of JS tooling stems from two reasons, the first with different browsers and the second different module systems like CMD, AMD, etc., for different environments. These are the primary reasons why we need bundling and packaging tools like Webpack, Browserify, Parcel, etc., Snowpack is for bundling ES modules to build web applications which are being natively supported by all the modern browsers, which means we can directly use them with script tags inside the browser. This isn’t really a webpack competitor, it’s the same functionality of webpack (production-ready js builds) but leveraging modern web standards (ESM). It is a great compliment to Rollup for development - because Rollup loves ES Modules.

Outline

This talks is an introduction and high level overview about Snowpack, the new tooling in the Javascript eco-system. We will be looking into the what’s and why’s of Snowpack. What problems Snowpack solve for developers. The current support for different JS frameworks, browser support, load and cache performance.

Speaker bio

I am a Front-end developer from Chennai, India. I work for a company called Freshworks where we build awesome products for the CRM industry. I love programming languages like Javascript, Ruby, Haskell and Lisp. I wholeheartedly embrace Functional Programming, Code clarity, Performance, Accessibility and Internationalization. I am passionate about Open Source Software and Contributions, recently, I have been writing tools in JS related to ASTs and Codemods for Ember.js and other frameworks.

Slides

https://drive.google.com/open?id=1zGuAsUsr01f1Tb5i8Wx6LRth2VFVj72Q

Comments

{{ gettext('Login to leave a comment') }}

{{ gettext('Post a comment…') }}
{{ gettext('New comment') }}
{{ formTitle }}

{{ errorMsg }}

{{ gettext('No comments posted yet') }}

Hosted by

JSFoo is a forum for discussing UI engineering; fullstack development; web applications engineering, performance, security and design; accessibility; and latest developments in #JavaScript. Follow JSFoo on Twitter more