Read on Twitter
JavaScript in 2021? What's going on?
Let's brainstorm!
Let's brainstorm!
Next-gen bundlers are here. They are fast.
• https://github.com/evanw/esbuild
• https://vitejs.dev/
• https://github.com/preactjs/wmr
• https://www.snowpack.dev/
• https://github.com/evanw/esbuild
• https://vitejs.dev/
• https://github.com/preactjs/wmr
• https://www.snowpack.dev/
Those bundlers also lean into ES Modules in a way bundlers-of-yore don't really.
Fancy new frameworks are leaning into ES Modules too: https://www.toast.dev/
They make things so easy! Peep this emoji picker in ONE line of JavaScript & ONE line of HTML: https://codepen.io/chriscoyier/pen/gOMgxdP?editors=1010
Fancy new frameworks are leaning into ES Modules too: https://www.toast.dev/
They make things so easy! Peep this emoji picker in ONE line of JavaScript & ONE line of HTML: https://codepen.io/chriscoyier/pen/gOMgxdP?editors=1010
Speaking of frameworks, it feels like they are jumping up a level.
Redwood isn't just React, but an opinionated set of friends: https://redwoodjs.com/
Next.js is now such a standard that we see frameworks ON TOP of it, like https://blitzjs.com/ and https://bedrock.mxstbr.com/
Redwood isn't just React, but an opinionated set of friends: https://redwoodjs.com/
Next.js is now such a standard that we see frameworks ON TOP of it, like https://blitzjs.com/ and https://bedrock.mxstbr.com/
Web Components are still... weird.
Every part of them has rough edges. How do you expose styling to them? There are many ways, none amazing. https://nolanlawson.com/2021/01/03/options-for-styling-web-components/
Accessibility? Weird. Framework compatibility? Weird.
Every part of them has rough edges. How do you expose styling to them? There are many ways, none amazing. https://nolanlawson.com/2021/01/03/options-for-styling-web-components/
Accessibility? Weird. Framework compatibility? Weird.
And yet... ES Modules will help the Web Components story. Web Components will "win" because they are of-the-web and the web is a long play.
Speaking of ES Modules, the fact that Node has them too turns this thing into a hurricane of adoption.
Sindre has 1,000+ npm packages and says they are all going ESM this year https://blog.sindresorhus.com/get-ready-for-esm-aa53530b3f77
Even for the packages that don't—there is Skypack https://www.skypack.dev/
Sindre has 1,000+ npm packages and says they are all going ESM this year https://blog.sindresorhus.com/get-ready-for-esm-aa53530b3f77
Even for the packages that don't—there is Skypack https://www.skypack.dev/
Are Progressive Web Apps (PWA)'s still a thing?
I wouldn't say they are skyrocketing, but data shows good growth: https://firt.dev/pwa-2021
Every aspect of them is still a good idea. And their of-the-web-ness is
.
I wouldn't say they are skyrocketing, but data shows good growth: https://firt.dev/pwa-2021
Every aspect of them is still a good idea. And their of-the-web-ness is
.
My guess is that the main PWA pain point is that Service Workers are hard and scary and the tooling hasn't made its way into the global developer continence (yet).
The language of JavaScript continues to evolve as well, wildly outpacing CSS and especially HTML.
Top-level `await`? NICE. https://v8.dev/features/top-level-await
Top-level `await`? NICE. https://v8.dev/features/top-level-await
And of course, there is pushback. Too much tooling. Too many new frameworks. Too many packages. Too much page weight.
And pushback on the pushback!
You don't have to do this! https://remysharp.com/2021/02/11/the-web-didnt-change-you-did
I don't do this! https://timdaub.github.io/2021/01/16/web-principles/
And pushback on the pushback!
You don't have to do this! https://remysharp.com/2021/02/11/the-web-didnt-change-you-did
I don't do this! https://timdaub.github.io/2021/01/16/web-principles/
