414365
0xPierre

@0xpierre-dev #414365

Developer from Paris, working on @base 💙 Host - /nodejs /nextjs
447 Follower 331 Following
I just revealed my egg, I had a Mage, I love his style 😍 🥰
Vercel will now automatically skip builds for unchanged code in your Turborepo or Nx monorepo.

This reduces build queuing and works with any monorepo tools using workspaces.

https://vercel.com/changelog/automatically-skip-unnecessary-deployments-in-monorepos
New release of /nodejs 22.5.0 💚

This release includes:

* Experimental node:sqlite module 🔥
* Support for glob matching on Node.js test runner
* New worker.postMessageToThread API
* and more!

Check it out: https://nodejs.org/en/blog/release/v22.5.0
Vercel published new utilities to work with Vercel Functions:

• In-editor autocompletion for system environment variables
• Easily access geolocation and IP info from the incoming request

https://vercel.com/changelog/new-utilities-to-work-with-vercel-functions
TIL there's a Shrek font

Had to try it for coding 😅
/dev
Node.js just landed localStorage/sessionStorage support 🤯

Do you have a need for this? 🤔
I'm not sure how I'd use it
🚀New updates from Expo documentation this week.

The Run E2E tests with EAS Build guide has been updated.
It now explains running end-to-end tests using Maestro 👀

https://docs.expo.dev/build-reference/e2e-tests/
Looks like React Router v7 is close 👀

PR freshly merged
Vercel increased the initial TCP congestion window by 300%, improving page load performance for all customers.

This optimization is particularly beneficial for high-latency connections, such as those on mobile devices 🚀

https://vercel.com/changelog/improved-cdn-performance
👀 TypeScript 5.6 Iteration Plan

What's your favorite thing being worked on?

https://github.com/microsoft/TypeScript/issues/59250
Is this the holy grail of rendering?

✅revalidate rebuilds pages on the fly
✅fallback blocking reverts to SSR if the static page is not built yet

That means you get...

🍰Fast CDN page loads
🍰Always fresh data
🍰Efficient server usage
🍰SEO
🧠 Next.js Challenge! 🧠

How can you dynamically import component in Next.js and handle loading and error states?🤔

Share your code snippets!💻
The Vercel Firewall now localizes the challenge page text to 22 different languages.

Challenges are automatically served for malicious traffic or when defined through custom rules.
Look ma, no AWS_SECRET_ACCESS_KEY!
Next.js Tip: Active state for navigation links

When you change routes, update the background color of a navbar item by looking at the current URL.

Server components 🤝 client components

Thanks to Lee Robinson for the video 💚
It happens all the time ahaha 😆
Oracle website is now powered by /nextjs 🔮
React + TypeScript tip 💡

No need to import DOM event handler types

This always works and is easy to remember
⚠️ Updates are now available for the 22.x, 20.x, 18.x Node.js release lines.

Details:
https://nodejs.org/en/blog/vulnerability/july-2024-security-releases
✨ Introducing Typescript support for next.config.js in Next.js 15

◆ Native support for next.config.ts (and other TS file extensions).
◆ HMR on config changes.
◆ Available soon on next@canary and the next Next.js 15 RC.
📦 React Router v6.24

Comes with Lazy Route Discovery

New "unstable_patchRoutesOnMiss()" API

Enables you to load routing subtrees lazily on route miss

It makes it easier to code-split a large routing tree
Facing a weird situation today

Docusaurus supports TS 5.1+
CI ensures it, runs tsc on TS 5.1 + 5.5

A line errors, but only under TS 5.5 for obscure reasons 😅

Can't use ts-expect-error otherwise directive ignored on TS 5.1

I had to use ts-ignore + disable ESLint rule 😅