Syntax Snack Pack: If we had a crystal ball ๐Ÿ”ฎ


A Tasty Treats NEWSLETTER for Web Developers

Issue #36:

  • Happy new year Packโ„ข - see what we were completely wrong about in our 2024 predictions and what we think is in store for 2025 ๐Ÿ”ฎ
  • Starting the year strong with some sweet links, including a sneaky CSS hover trick makes your UI come alive and finally React context without the performance headaches
  • Also... is humility the key to being a great dev?

โ€‹:hover > :not(:hover), sorry not sorry

FROM WES

Awesome CSS technique and demos for selecting the items that are currently NOT being hovered

โ€‹

โ€‹2024 JavaScript Rising Starsโ€‹

FROM: CJ TO: YOU

The top trending JavaScript projects from 2024 based on github stars.

โ€‹

โ€‹there's a big problem with React's useContext โ€‹

HAND-SELECTED BY WES

React context has a re-rendering problem - Aiden Bai (from Million..js) gives us a few tips on how to best approach React context for the most performant app. Also - Signals will save us from this all

โ€‹

โ€‹But what is a DOM node?โ€‹

CJ'S LINK

What actually makes an object a DOM node? Is it the prototype? Or is it something else?

โ€‹

โ€‹Node.js can now execute TypeScript files by default!โ€‹

CJ'S LINK

v23.6.0 of Node.js enables the โ€”experimental-strip-types by default - you can now point node directly at TypeScript files!

โ€‹

All Hail The Algorithm

Some good stuffโ„ข we posted this week

The Feed

New episodes 3ร—/week + YouTube!

โ€‹2024: A Year in Reviewโ€‹

โ€‹

CJ's Corner

โ€‹

โ€‹You Should Use Maps and Sets in JSโ€‹

โ€‹

Syntax

Read more from Syntax

A Tasty Treats NEWSLETTER for Web Developers Issue #41: If you've been living under a rock - TypeScript launched a new, native compiler built in Go, promising 10x the speed Is Next.js losing ground? Kyle's team switched to TanStack and he's got receipts The Web Almanac's JavaScript report reveals exactly how much JS we're all loading Game devs rejoice: Sentry now offers unified debugging support across gaming consoles Next.js vs TanStack ws's FROM CJ Kyle and his team moved off of Next.js to...

A Tasty Treats NEWSLETTER for Web Developers Issue #40: EA Command & Conquer's source code is now on GitHub (time to waste your weekend study classic game architecture) Safari finally gets CSS anchor positioning while Firefox keeps dragging its feet Could terminal mastery actually make you a worse developer? If you're not hacking your home, what are you even doing? CSS Anchor Positioning coming to Safari wEs's link The new CSS anchor spec, which allows you to position elements relative to...

A Tasty Treats NEWSLETTER for Web Developers Issue #39: Create React App is officially dead (pour one out use Vite instead) 28 different voices speaking directly from your browser thanks to WebGPU magic Tailwind 4 just dropped and there are some solid quality-of-live improvements TypeScript the Bad Parts @Wes TypeScript has released a beta property erasableSyntaxOnly that will disallow any parts of TypeScript that arenโ€™t types โ€” that is anything that compiles into JavaScript code. This...