31615
A resourceful newsletter featuring the latest and most important news, articles, books and updates in the world of #javascript 🚀 Don't miss our Quizzes! Let's chat: @nairihar
👀 I Reviewed 1,000s of Opinions on HTMX
htmx is an increasingly popular way to use modern, dynamic browser features through creative use of HTML attributes, rather than hand writing JS for everything. Dylan looks at the pros and cons through the lens of community sentiment.
DYLAN HUANG
🔵 React 19 Now in Beta
While designed to get library developers prepared for the eventual React 19 release, this is nonetheless a huge step, with full support for Custom Elements (Custom Element support has long been a thorn in React's side), all the latest React Server Components goodies, Actions, use, and more besides.
THE REACT TEAM
🌲 Node.js 22.0 (Current) Released
The latest major version of Node is here. Note that it’s a ‘Current’ release for now, so gets all the newest features first, but is due to become Node's main active LTS release this October. As an even numbered release, Node 22 should be around and maintained for a long time, most likely out to 2027 or so (see image above).
We're officially 1 year old! 🎂
Together, we've laughed, learned, and shared countless moments that have made this past year truly productive. Your passion fuels our commitment to delivering content that inspires, entertains, and connects us all.
Thank you for being a part of our journey. Here's to an even brighter future together!
✌️ Check out our emoji pack here
⚡️ Boost us in Telegram
🤝 Collaboration
🥳 Thank You for 5K Subscribers!
We've hit 5,000 subscribers, and it's all thanks to YOU! ❤️
Your love for JavaScript fuels our daily updates. From tips to trends, we're committed to making your coding journey awesome.
P.S. Dear Telegram premium users looking to show us some love, simply give us a free boost on Telegram!
👩💻 👩💻 👩💻 How to Build a Server-Side React App Using Vite and Express
A demo of server-side rendering and server-side data fetching without using a full-on framework — showing what React-powered frameworks actually do.
PAUL SCANLON
🔥 Why Signals Are Better Than React Hooks
Hooks in React are tricky to use correctly and even harder to use in a performant way. This has left many applications with poor code quality and bad performance, but that doesn’t have to be the case anymore. Signals is a technique that has been around for decades, but only recently has made its way to React and it makes creating performant clean code in React much easier. In this video I explain exactly how signals work and why they are so great.
👩💻 Speeding Up the JavaScript Ecosystem: Tailwind CSS
Marvin’s ongoing journey to improve our ecosystem by finding low-hanging performance-bearing fruit continues with a look at how the architecture of Tailwind CSS could be tuned.
MARVIN HAGEMEIST
Remix ❤️ 👩💻 Vite: Remix 2.2 Introduces Vite Support
Remix is a popular full-stack JavaScript framework that began as a paid product, but has been open source for two years now. If you found Remix’s compilation approach opaque before, we have great news: “With Vite, Remix is no longer a compiler. Remix itself is just a Vite plugin.” This post tells the full story.
CATTORI AND DALGLEISH (REMIX)
❓ CHALLENGE
Читать полностью…
console.log('Start');
Promise.resolve().then(() => console.log('Promise'));
function foo(n) {
if (n === 0) {
console.log('End');
return;
}
console.log('Function call');
foo(n - 1);
}
setTimeout(() => foo(3), 0);
❓ CHALLENGE
Читать полностью…
console.log('Start');
setTimeout(() => console.log('Timeout'), 0);
Promise.resolve().then(() => console.log('Promise'));
function foo() {
console.log('Function call');
}
foo();
console.log('End');
❓ CHALLENGE
Читать полностью…
console.log('Start');
setTimeout(() => {
console.log('Timeout 1');
Promise.resolve().then(() => console.log('Promise 1'));
}, 0);
Promise.resolve().then(() => {
console.log('Promise 2');
setTimeout(() => console.log('Timeout 2'), 0);
});
console.log('End');
🤔 The Event Loop in 3 Minutes
Are you confused by the JavaScript event loop and how it handles asynchronous code? This animation will help explain how the event loop works through an easy-to-grasp analogy.
doctorcode
🆒 Moveable: A Library for Dragging, Resizing, Scaling and More
If you want to offer up physical manipulation of elements (warping, pinching, rotating, etc.) this library could help. Its homepage is a fun self-demo and there are packages for integrations with common frameworks.
YOUNKUE CHOI
🚀 Everyone's gone to the moon..
🤩 Spacekit.js: A Library for Creating 3D Space Visualizations
Not just any old 3D space, but actual space – think planets, stars, and meteors. A library like this comes, of course, with many examples to try. GitHub repo.
IAN WEBSTER