insanecoding's profile picture. Insane frontend developer 🦈 Shark of the WEB seas 🌊 Progress is my middle name. He/him. Opinions are my own

insanecoding

@insanecoding

Insane frontend developer 🦈 Shark of the WEB seas 🌊 Progress is my middle name. He/him. Opinions are my own

insanecoding reposted

Every time I have a programming question and I rly need help, I post it on Reddit and then log into another account and reply to it with an obscenely incorrect answer. Ppl don’t care about helping others but they LOVE correcting others. Works 100% of the time


TIL: you can use this plugin to profile the webpack configuration and identify bottlenecks: npmjs.com/package/speed-…


insanecoding reposted

GitHub repositories to improve your programming skills. 🧵


This lightweight alternative to Husky looks very promising: github.com/toplenboren/si… Gonna try it in my next project


With the builder abstraction, Storybook now supports Webpack 5. Next-gen bundlers like Snowpack, Vite and Esbuild are also considered. Their support may be added soon 🔥 storybook.js.org/blog/storybook…

storybook.js.org

Storybook for Webpack 5

Next-gen tooling with pluggable builders


insanecoding reposted

“All user input is error” — @elonmusk


🔥🔥🔥 Preact ❤️

⚛️ Preact Server Components Here is a quick prototype that fetches components that were rendered on the server. Need to sort out some implementation details, but so far I like where this is going 🙌 cc @preactjs



Wow, there is a `flatMap` function available on JS arrays! A utility library like lodash is needed less and less 😁 Also, the optional chaining removes the need for `get` function. I like the future! developer.mozilla.org/en-US/docs/Web…


Developer roadmaps got updated for 2021. Can't say anything about backend/devops, but I confirm: it's pretty precise for the frontend. github.com/kamranahmedse/…


Interesting initiative to mark slow websites with special badges 😁 blog.chromium.org/2019/11/moving…


`sideEffects` field in package.json helps do better tree-shaking webpack.js.org/guides/tree-sh…


I didn't know that web components have their component libraries. But actually, why not? 😁 Here is a good collection: blog.bitsrc.io/9-web-componen…


Found a very interesting static-site generator. Powered by Snowpack,it works with Preact components and allows automatic partial hydration 🔥 npmjs.com/package/micros…


🔥🔥🔥

A great combo I keep using in my NextJS projects: next/dynamic + react-intersection-observer 🪄 This allows me to only import a component once it's "in view". I use this pattern on my blog for my webmentions since they are at the bottom of the page

MaximeHeckel's tweet image. A great combo I keep using in my NextJS projects: 

next/dynamic + react-intersection-observer 🪄

This allows me to only import a component once it's "in view". I use this pattern on my blog for my webmentions since they are at the bottom of the page


The new aspect-ratio css property will help avoid cumulative layout shift (CLS) web.dev/aspect-ratio/


Loading...

Something went wrong.


Something went wrong.