Aggelos Arvanitakis

Tiefling Barbarian that likes huskies and is afraid of bees @pantherlabs @orfiummusic #Javascript #React #webperf

[Brad Frost @brad_frost]

"You unsubscribed from our email list. Our unsubscribe donkey, Pepe, will begin his journey; your request should be processed in 4-6 weeks."

[Adam Argyle @argyleink]

make taps 300ms faster with 1 line of CSS:

```#css
touch-action: manipulation;
```

means:
element doesn't want double-tap to zoom

result:
browser *immediately* responds to taps instead of waiting 300ms for a "potential" 2nd tap 🤓

caniuse (YES!) https://t.co/f7rEIH0cp6

[Aggelos Arvanitakis @AggArvanitakis]

Million dollar idea: Master Chef, but for engineers

I'd expecting comments like "the re-usability of your components is not at the level we wanted it to be"

Winner gets pre-seed funding for a new startup, as well as their own O'Reilly book

[Aggelos Arvanitakis @AggArvanitakis]

Amazing article https://t.co/72QCbs4XV2

[Aggelos Arvanitakis @AggArvanitakis]

@av__dev @TkDodo Generally, there's no rule of thumb here. Each need is different from one place to another. There's no golden rule. Try it out in a *production-bundled app* and evaluate your needs accordingly :)

[Aggelos Arvanitakis @AggArvanitakis]

One of the things that always ends up being an issue in React is heavy mount-times on listed items. Yes, you can virtualize it, but sometimes rendering a list of ~50 items directly is cheaper than virtualizing it. At the same time, this list of 50 items is render-heavy (thread)

[Aggelos Arvanitakis @AggArvanitakis]

@av__dev @TkDodo In our prod, I'm using it with a big chunkSize so that it only kicks in as a fallback for big lists. I've also made the initial render, render the first chunk cause it was working better for our use case ( added extra prop for that)

[Aggelos Arvanitakis @AggArvanitakis]

@av__dev @TkDodo Nice that you handled cancelation as well. It really boils down to when you need it. It generally should be used in cases where instant scrolling is not common. If it is, then measuring the height of each element and putroactovely occupying the height might help with jankyness

[Aggelos Arvanitakis @AggArvanitakis]

📰 Wrote a new article around improving perceived performance during a costly component mount.

Basically, how to prevent your React application from freezing when mounting a big & expensive set of components all at once. 🎉

https://t.co/Hv8RvtjQLS

#React #reactjs #javascript

[Aggelos Arvanitakis @AggArvanitakis]

@gcntweet dunno if it's intentional but the women's LBL coverage was still "rolling" inbetween the end of it and the beginning of the men's one. Could hear (and see) a talk about trains & tickets.

[Aggelos Arvanitakis @AggArvanitakis]

An example usage would be as such

[Aggelos Arvanitakis @AggArvanitakis]

The code above has been written in haste, but that's the basic gist.

I'm sure I'm missing something really obvious here, so I'm reaching out to you to tell me what that is (apart from the RIC Safari support).

#React #reactjs

[Joe Bell @joebell_]

What if I told you that you could create a pure CSS LQIP on-demand by writing a @tailwindcss class?

Say hello to Plaiceholder's Tailwind JIT plugin 🚀

Coming soon…
Coming sooner if I get more https://t.co/eH3qHP8KWI "Pro" members...

[Aggelos Arvanitakis @AggArvanitakis]

@gurlcode @asana @apollographql @hughwillson I can verify*

[Aggelos Arvanitakis @AggArvanitakis]

Hey @asana you seem to be having issues on Chrome in EU. I can't seem to get any page to load for 2 days now. Works perfectly in Safari.

Keep seeing this. Any ideas?

[Aggelos Arvanitakis @AggArvanitakis]

@gurlcode @asana @apollographql @hughwillson Yup, can we verify that everything works fine now. Thanks a ton for the effort & the immediate response

[Aggelos Arvanitakis @AggArvanitakis]

@asana Oh wow! You're right. Thanks a mil.

P.S. @apollographql is this something that you're tracking? It's a shame to have to disable your extension to get Asana to work.