Udith Ishara

Lead Frontend Engineer at @privyr_crm

[Udith Ishara @udithishara]

@madushan1000 Twitter as we knew it died a long time ago

[Udith Ishara @udithishara]

@madushan1000 @elementalscribe That's good then, I'll give Kububtu a try

I tried with Ubuntu and XFCE, but the ram usage was the same (even idle)

Just Debian with XFCE is the best one I found so far, but video and audio are glitchy due to missing drivers (if only I can get the Ubuntu drivers onto it)

[Ryan Reynolds @VancityReynolds]

There is no Fox Marvel Universe or MCU without Blade first creating a market. He’s Marvel Daddy. Please retweet for a Logan-like send off. #DeadpoolAndWolverine

[Blake Wilson @sundaycode]

I just created https://t.co/xSpOBHQaCb, a tool to generate a TSConfig file for your new TypeScript project based on a few user inputs⚙️

It's inspired by @mattpocockuk's TSConfig Cheat Sheet.

Check it out!

[Wes Bos @wesbos]

WHAT

you can control the order in which the browser paints text fill + stroke. So you can draw the stroke first, then fill over top

[Udith Ishara @udithishara]

@adamc0dez Tailwind itself doesn't make anything "look good"

Having a designer eye does, get familiar with UI/UX patterns and pick some page design and try to replicate it pixel perfect

Practice makes perfect

[Evan You @evanyou]

The first commit in the current @vite_js codebase was made 4 years ago today:

https://t.co/xODpataNcY

Time flies!

[Udith Ishara @udithishara]

Edge = CDN

[Lee Robinson @leerob]

So, @vercel reverted all edge rendering back to Node.js 😬

Wanted to correct the record here as it's something I've advocated for in the past, and share what I've learned since then.

Also, the "edge" naming has been a bit confusing, so let's clear that up here as well.

What is edge, anyway?

We have too many products with Edge 😅

First off, Vercel has an Edge Network. A request comes in for your site. The edge region can go grab some HTML or JS for your site and quickly return it. Great.

Then, sometimes, you have routing rules. When that request comes in, redirect it, proxy it somewhere else, or add headers before continuing (e.g. Middleware). You don't need to go all the way back to the origin. This is also great.

Sometimes those routing or configuration rules need to be read from a file. We have "Edge Config" which is like reading from a JSON file in every region. Again, still good.

Now, what about rendering my application with edge compute?

Not as great.

But Lee, you said...

Yeah, I gotta admit, this one fooled me. It sounded great at the start – running close to the visitor makes sense.

If I constrain my site to use this limited runtime, and make the tradeoff for access to the Node.js package ecosystem, I can (hypothetically) get better performance.

This hasn't worked for two reasons.

First, and most obvious, is that your compute needs to be close to your database. Most data is not globally replicated. So running compute in many regions, which all connect to a us-east database, made no sense.

I believe many folks understood this. But then, maybe this limited runtime was better even if I only run it close to my database?

Well, that was wrong too. We tested it extensively with @v0. Using the Node.js runtime with 1 vCPU (our "Standard" performance) option for Vercel Functions had faster startups 🤯

Are there other reasons for edge rendering?

If Node.js functions can be faster, especially with Node v20, what about cost?

I expected an edge compute pricing model, which is based on only paying for when your compute runs (and never I/O), would always be cheaper.

Turns out that was also wrong. It can be cheaper sometimes! But not for all workloads, so some nuance applied here.

Same story for security. I wanted edge compute to work, but customers kept telling me they wanted a private connection to other services (i.e. Vercel Secure Compute), or had concerns (or no interest) in doing global data replication (e.g. data sovereignty).

So now what?

It's a good lesson for me to be careful with naming / nuance going forward.

Also, networks have gotten really fast. We saw with @v0 that it was faster to do SSR + streaming with Node.js than edge rendering.

Now we're running @v0 with Partial Prerendering to see if this is better or worse (it's still experimental).

The summary of PPR is: user makes a request, the edge region starts streaming back the HTML for the fast initial visual, and then your compute still runs in us-east or wherever close to your data.

So far this has been about 50% faster time to first byte than SSR + streaming. Pretty amazing.

I'll be sharing more on Vercel Functions improvements soon, as well 🦀

[Udith Ishara @udithishara]

@gabriel__xyz iCloud+ with custom domain

[Michał Kuncio @michalkuncio]

Console logging reactive items in @vuejs not always intuitive? Turn on custom formatters and enjoy formatted console output for anything reactive 🤩

[Nuxt @nuxt_js]

Nuxt DevTools 1.0 is out ✨

It's now stable and will be general available to all Nuxt projects with the upcoming Nuxt v3.8 very soon!

https://t.co/yQs04oKcUP

[Sébastien Chopin @Atinux]

The State of Nuxt 2023

Some hints from my talk at @NuxtNation 🧵

[Daniel Kelly @danielkelly_io]

Oooh, didn't realize this!
@nuxt_js devtools has built-in server API playground.

Basically a Nuxt-tuned postman.

Thanks for sharing @antfu7 at @NuxtNation :)

[Csaba Kissi @csaba_kissi]

ChatGPT and Bard are limited. Check these 5 AI tools.

1. ChatGPT on any computer desktop
https://t.co/gFf9N6yEH4

2. Build AI apps
https://t.co/agogUwou45

3. AI Storyboards
https://t.co/h8S0iN6VWt

4. AI sound
https://t.co/MV3V3PRMUM

5. Text to speech
https://t.co/Y9QATzPSET

[Udith Ishara @udithishara]

@bloggersarvesh SEO

[Catalin @catalinmpit]

Improve your VS Code Explorer file tree structure.

Add these settings in your configuration file for better visibility:

```
"workbench.tree.indent": 15,
"workbench.tree.renderIndentGuides": "always",
"workbench.colorCustomizations": {
"tree.indentGuidesStroke": "#05ef3c"
}
```

[Udith Ishara @udithishara]

@UberINSupport Will have to wait till the oder is completed to get the details because it simply doesn't show up anywhere

Even the "Help" option doesn't show up an ongoing order

[Udith Ishara @udithishara]

Don't you love it when you place an order on @UberEats and the status of it is nowhere to be found?

Clicking on the notifications doesn't open it either, no way to keep an eye on where the order is

[Udith Ishara @udithishara]

@MichaelThiessen @vuejs Making a CRM 😌

[Udith Ishara @udithishara]

@CrazyNalin Huh?