✅ CSS-in-JS JS-from-CSS

If you've ever dreamed of writing only CSS and nothing more, then this library is for you! Write CSS - get React components. Tailwind support is available.

Quote from the website:

As your codebase becomes cleaner, you'll likely feel more relaxed

Link to the library

#js #news #react #css

✅ Bun vs. Node.js in 2024?

This article compares two popular JavaScript frameworks: Bun and Node.js. The author of the article argues that Bun, being newer, has several advantages, such as:

- Higher performance
- Lower memory consumption
- Built-in TypeScript support

The article also provides examples of using Bun and Node.js.

Link to the article

#js #bun #nodejs #webdev #performance #typescript

✅ Creating an Interactive 3D 'Bulging Text' Effect with React Three Fiber

At the risk of seeming a little gimmicky, this is certainly a feature that would make your page stand out.. almost literally!

Link to the article

#js #react #threejs #css #design

✅ Node.js Website Redesign

The long running JavaScript runtime has an all new modern homepage — which you can see here. Frontend engineer Brian Muenzenmeyer shares what went into the rebuild.

Link to the article

#nodejs

✅ React Server Components Now in RedwoodJS

If you thought RSCs were a Next.js phenomenon, think again. Implementations are popping up all over, such as in Waku and now RedwoodJS, a full-stack framework founded by GitHub co-founder Tom Preston-Werner that leans on React, Prisma and other technologies to provide a great DX ‘out of the box.’

This post digs deep into how RSCs are used and how they can supplant Redwood’s use of GraphQL.

Link to the article

#js #react #redwood #middle #senior #server

✅ Spicing Up Text with text-emphasis in CSS

There’s plenty of neat ways to style text in CSS — and here’s a quick, fun look at what the well-supported text-emphasis property can do.

Link to the article

#css

✅ How to Build a ChatGPT-a-Like with Clerk and AWS Bedrock

A thorough walkthrough whose focus is on the UI rather than the LLM/AI stuff behind the scenes which is taken care of by Amazon’s Bedrock service. Clerk handles the auth, while Next.js forms the base of the app.

Link to the article

#js #nextjs #clerk #aws #server #frontend #ai

✅ What You Need to Know About Modern CSS

A bookmarkable guide with a list of all the new additions to CSS (think nesting, view transitions, :has(), etc).

This is very handy, as there’s an explainer, demo, code example, and quick bit of detail as to why you should care about each entry.

Link to the article

#css

✅ JavaScript Visualized: Promise Execution

A helpful diagrammed and animated article, coupled with an (optional) 8-minute video, that goes into how promises work and are scheduled behind the scenes.

It’s useful to have a good mental model of these mechanics, given promises form the basis of asynchronous functions in JavaScript.

Link to the article

#js #promises #engine

✅ An Interactive Guide to CSS Container Queries

This is a detailed explainer on CSS container queries, exploring the problems they solve, how they work, and how we can use them in our workflows.

Lots of code and visuals to help things along too.

Well worth bookmarking.

Link to the article

#css

✅ Introducing Babylon.js 7.0

This new version of the popular 3D web rendering engine is now here.

Changes:
- Adding Apple Vision Pro support
- Improved WebXR support
- Improved ragdoll physics, procedural geometry
- and more.

Link to the release

#js #news

✅ A Proposal to Add Signals to JavaScript

A (very) early stage proposal for bringing a new feature to ECMAScript/JavaScript: signals!

The proposal brings aboard ideas from a swathe of popular frameworks and aims to align everyone and get us on the same page when it comes to working with state and making updates based upon changes to state.

Link to the proposal

#js #reactivity

✅ Setting Up Storybook for React Components

How Dolt (love that name!) set up Storybook for their React component library including the use of Chromatic to test and review components.

Link to the article

#js #react #storybook

✅ Folding the DOM

No, you can’t fold a DOM node in two, but Josh runs us through a neat technique to create a 3D letter folding effect using transform and perspective.

It’s a React-specific tutorial, but the concepts would work in JS/CSS. The end result is slick, and you’ll learn something about 3D transforms and CSS animation along the way.

Link to the article

#js #react #css