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

Joined March 2017
13 Photos and videos
insanecoding retweeted
29 Apr 2022
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
929
24,599
266,855
TIL: you can use this plugin to profile the webpack configuration and identify bottlenecks: npmjs.com/package/speed-meas…

1
I didn't know that dynamic scripts (created with JS) behave as "async" by default. To change that, we need to do: script.async = false. Then, the scripts will be executed in their order. javascript.info/script-async…
1
1
I had a terrible race condition: multiple widget instances, initialized in embedded <script>, never arrived in the same order. Huge thanks to the author, this article saved me!
insanecoding retweeted
10 Apr 2021
GitHub repositories to improve your programming skills. 🧵
40
812
3,029
incredibly excited about this update
This lightweight alternative to Husky looks very promising: github.com/toplenboren/simpl… 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/storyb…

insanecoding retweeted
14 Mar 2021
“All user input is error” — @elonmusk
13
28
432
🔥🔥🔥 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
1
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/…

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/dev…

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

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

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-compone…

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

1
🔥🔥🔥
21 Feb 2021
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/