JavaScript
32K subscribers
1.04K photos
10 videos
33 files
722 links
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
Download Telegram
CHALLENGE #52
πŸ‘6❀2
❀11πŸ‘5πŸ€”2🀣1
CHALLENGE #53
πŸ‘8❀2πŸ”₯1
πŸ—ž Issue 16 / 23.06.2023


πŸ“„ UnsuckJS: Comparing Lightweight JavaScript Options

"No build tools, no compilers, and no hassle." It’s a table of frontend JavaScript libraries on a simple page – that’s it!

ADAM HILL


πŸ“„ Svelte 4 Released

4 years on from Svelte 3.0 comes the latest major release of the popular compile-time framework that isn’t afraid to do things its own way. If you’re new to it, hit the interactive tutorial to get a feel for things, or if you’re already a user, enjoy the v3 to v4 migration guide, overhauled site, and extra performance on offer.

RICH HARRIS AND THE SVELTE TEAM


πŸ“„A Look at TypeScript 5.2's New Keyword: using

using brings something akin to Python’s with context management into TypeScript by providing a way to automatically run a Symbol.dispose function when an object leaves scope..

MATT POCOCK

Β©JS WEEKLY
πŸ‘5❀2πŸ”₯1
RELEASES

Node.js 20.3.1, 18.16.1 and 16.20.1
Security releases.

React Native 0.72

Nest 10.0
Popular Node.js framework for building enterprise-grade apps.

ESLint 8.43
πŸ‘4
πŸ“’ ARTICLES & TUTORIALS

πŸ“ƒSynchronizing Videos or 3D Model Rotations to Scroll Driven Animations

With just a little JavaScript, you can control 3D models and/or videos using scroll-driven animations. It’s a common effect seen on modern fashion sites.

BRAMUS VAN DAMME


🎬 Recreating a JS Runtime to Understand Node's Magic

Popular speaker, educator, Microsoft MVP and Node.js core team member Erick gives a very enthusiastic talk on the latest β€˜hello world’ in the JavaScript world: building a runtime 😏 Somehow, Erick manages to run through the key concepts involved in just 20 minutes.

ERICK WENDEL


🎬 React Server Components in Under Seven Minutes

Looking to quickly get a basic handle on RSCs? This fast-paced video tries to bootstrap you on the subject.

CODELIT
❀5πŸ‘2
πŸ›  CODE & TOOLS


🐼 Panda CSS: Modern, Build-Time, Type-Safe CSS-in-JS

A new DX-focused CSS-in-JS approach boasting build-time generated styles and type safety out of the box. It works with Remix, Vite, Next.js, Astro, and server components.

SEGUN ADEBAYO


πŸ”© Perspective 2.3

Data visualization and analytics component. The core is written in C++ and compiled to WebAssembly where it can be used from JavaScript.

FINOS


πŸ”© Selecto.js: Make Elements Selectable Within a Drag Area

Let’s say you have a number of elements that represent choices, data, whatever, and you want users to be able to select a subset of them by clicking/pointing and dragging. That’s what this does. Live examples here.

DAYBRUSH (YOUNKUE CHOI)
πŸ‘5πŸ”₯1
CHALLENGE #54
❀6πŸ‘2
What is the output?
Anonymous Quiz
9%
9
31%
009
49%
0009
11%
39
πŸ‘13πŸ”₯2🀣1
πŸ€”πŸ˜‚
🀣31πŸ€”1
CHALLENGE #55
πŸ‘12
What is the output?
Anonymous Quiz
20%
4 4
13%
4 0x4
39%
NaN NaN
29%
2 2
πŸ€”7🀣4πŸ‘2
πŸ‘9πŸ”₯3
CHALLENGE #56
❀2
What is the output?
Anonymous Quiz
54%
true
46%
false
❀9πŸ”₯6πŸ‘3🀣2
πŸ˜‚πŸ€¦β€β™‚οΈ
🀣40❀2
CHALLENGE #57
What is the output?
Anonymous Quiz
51%
3
13%
11
35%
9
🀣17πŸ‘10πŸ”₯7πŸ€”6
πŸ˜­πŸ˜…
🀣36πŸ‘5