@AggArvanitakis profile picture
Aggelos Arvanitakis @AggArvanitakis

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

Joined April 2015
  • Tweets 482
  • Following 99
  • Followers 343
43 Photos and videos
Aggelos Arvanitakis retweeted
Brad Frost@brad_frost
14 Oct 2016
"You unsubscribed from our email list. Our unsubscribe donkey, Pepe, will begin his journey; your request should be processed in 4-6 weeks."
89
3,841
8,581
Aggelos Arvanitakis retweeted
Adam Argyle
@argyleink
18 Jun 2021
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!) caniuse.com/mdn-css_properti…
a, button { touch-action: manipulation; }

ALT a, button { touch-action: manipulation; }

19
579
3,146
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
1
8
Amazing article css-tricks.com/svelte-for-th…
4
📰 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. 🎉 aggelosarvanitakis.medium.co… #React #reactjs #javascript

Improving slow mounts in React apps

There are a million articles out there focusing on how you can make your app faster by removing unnecessary re-renders & preventing…

medium.com
4
6
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)
1
4
more replies
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
1
2
An example usage would be as such
2
4
Aggelos Arvanitakis retweeted
Joe Bell
@joebell_
13 Apr 2021
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 Plaiceholder.co "Pro" members...
A screenshot of the tailwind plugin in action - with square bracket notation to trigger JIT

ALT A screenshot of the tailwind plugin in action - with square bracket notation to trigger JIT

8
21
144
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?
3
All pages are stuck in either "Fetching new Comments" or "Populating projects". This spinner never goes away.
1
Tiny new article out around #firebase and #reactquery. In essence, I'm just showcasing a way to consume the former through the latter. medium.com/@aggelosarvanitak… #React #reactjs

A real-time hook with Firebase & React-Query

In an app that I’ve recently worked on, I had to interract with 2 different APIs: a typical JSON-based API from a django project, as well…

aggelosarvanitakis.medium.com
1
12
42
Aggelos Arvanitakis retweeted
Jamie Kyle is on 🦋@buildsghost
3 Feb 2021
We need to raise the bar for CSS-in-JS to having zero runtime using compile time tools Several such libraries exist, but people are still promoting libraries like styled-components with relatively massive runtime overhead
23
34
368
React.memo(Component, isDeepEqual) can help with certain firebase listener implementations
If you're using #reactquery and you find yourself needing some *minimal* shared UI state (i.e. theme, modal toggling, etc.), those 20 lines of code can help you create a shared local state while keeping all of your state with #reactquery. (thread...) #React #reactjs
2
5
10
This has the added bonus of: - not needing a provider wrapper - minimizing the amount of code needed for shared UI states - avoiding prop drilling - being available to all components Of course this is not what ReactQuery was made for and there might be performance concerns ...
1
1
...for complex use cases, but for simple things, this works great while avoiding un-needed re-renders. This closely resembles Apollo's client/local resolvers
1
1
Such a nice small package that helps avoid providers, while allowing you to "do stuff" outside of the React ecosystem github.com/pmndrs/valtio #React #reactjs
3
7
Load more