A collection of Vue, Nuxt and Vite tips, tricks and good practices
Link to the tips
#tips #vue #nuxt #vite
Please open Telegram to view this post
VIEW IN TELEGRAM
π4π₯4π¨βπ»3
Last weekβs React Conf was quite the banger, as the kids say nowadays. The biggest reveal was the open sourcing of Reactβs experimental compiler, a tool designed to optimize React code at build time.
Want to play without breaking everything? They created an React Compiler Playground so you can experiment.
Link to the compiler
#react #js
Please open Telegram to view this post
VIEW IN TELEGRAM
π8π₯2π¨βπ»2
React 19 (still in beta) brings all sorts of new ideas to the table, but is the complexity worth it?
The folks at Mux have been leaning on many of React 19βs features for a while (thanks to React Canary) and are very excited about their potential.
Link to the article
#react #js
Please open Telegram to view this post
VIEW IN TELEGRAM
π7π₯4π¨βπ»2
Astro 4.9 is out! This release includes the long-awaited Container API, stabilized experimental features, and more. A small but mighty release!
Full release highlights include:
- Experimental: Container API
- React 19 support for Astro Actions
- Stabilized experimental features
Link to the release
#astro #release
Please open Telegram to view this post
VIEW IN TELEGRAM
π4π₯2π¨βπ»2
SolidJS is a React-inspired declarative UI library but with a performance focus and templates compiled to real DOM nodes receiving direct DOM updates β no VDOM. SolidStart is a framework for building and deploying SolidJS apps with many compelling features right out of the box.
Link to the release
#js #solidjs
Please open Telegram to view this post
VIEW IN TELEGRAM
π7π₯2π2
The large-scale framework got a big public revival last year with Angular 17 and its new homepage. Things continue to progress with experimental support for zoneless change detection and the new built-in control flow approach becoming stable.
Link to the release
#js #angular #release
Please open Telegram to view this post
VIEW IN TELEGRAM
π8π₯3π¨βπ»2
Amy wanted to programatically bring her (cursive) handwriting into some diagrams she was making and figured out how to make it happen with p5.js
Link to the article
#js #lib
Please open Telegram to view this post
VIEW IN TELEGRAM
π6π₯3π¨βπ»2
A deep dive into the useDeferredValue hook using this respected educatorβs own Shadow Palette Generator tool as a case study. Not just the edification is valuable β the tool itself is useful, too.
Link to the article
#react #js
Please open Telegram to view this post
VIEW IN TELEGRAM
π5π₯3π¨βπ»2
A thoughtful look at how user interface density has changed over the past twenty or so years, defining what such a term means today, along with some thoughts on which approach we should be taking.
Link to the article
#design
Please open Telegram to view this post
VIEW IN TELEGRAM
π4π₯3π¨βπ»2
Designed for lists of items and you can view a variety of examples here, including one where the items are draggable using handles.
Link to the lib
#vue #lib
Please open Telegram to view this post
VIEW IN TELEGRAM
π6π¨βπ»3π₯2
This media is not supported in your browser
VIEW IN TELEGRAM
Posits that container query adoption isnβt particularly high, and then shares some reasons as to why that may be the case (beyond it just being new, and any potential browser support concerns).
Link to the article
#css #html
Please open Telegram to view this post
VIEW IN TELEGRAM
π5π₯2π¨βπ»2
But Also Solving the Problem at the Wrong Layer
On the other hand.. some considered thoughts on the new CSS contrast-color() function and how it may placing the effort in the βwrongβ place.
Link to the article
#css
Please open Telegram to view this post
VIEW IN TELEGRAM
π6π₯2π¨βπ»2
A collection of nice background patterns, now 144 strong, made with just CSS.
Link to the collection
#css #tool
Please open Telegram to view this post
VIEW IN TELEGRAM
π5π₯2π2
Can we emulate the upcoming CSS contrast-color() function with features that have already widely shipped?
Link to the article
#css
Please open Telegram to view this post
VIEW IN TELEGRAM
π3π₯2π¨βπ»1
Setting up SSL for localhost traditionally requires tedious manual configurations and repetitive steps. However, Ophiuchi simplifies the process by automatically generating certificates, updating the hosts file, providing an integrated web server, and ensuring instant trust. It saves time and allows developers to focus on building software.
Link to the article
#nginx #localhost #server #dev #ssl #domain
Please open Telegram to view this post
VIEW IN TELEGRAM
π5π3π₯2π1
Unit tests are important to building robust applications. In this article explore test utils in Nuxt, what they do, different ways to opt in to a Nuxt testing environment in your unit tests and their accompanying helper functions.
Link to the article
#vue #nuxt #test
Please open Telegram to view this post
VIEW IN TELEGRAM
π4π₯2π¨βπ»2
Tired of manually configuring routes in your Vue.js application? As your project scales, managing routes in a separate JavaScript file can quickly become cumbersome and error-prone as your application grows.
This article introduces you to the exciting world of Automatic File-Based Routing in Vue.js using
unplugin-vue-router.Link to the article
#vue #typescript #router
Please open Telegram to view this post
VIEW IN TELEGRAM
π6π₯3π¨βπ»1
The popular React meta framework gets ready for a major new release with a RC giving you an opportunity to experiment with React 19 (and React Compiler) support, executing code after a response with next/after, and a few potentially breaking changes.
Link to the release
#next #react
Please open Telegram to view this post
VIEW IN TELEGRAM
π6π₯4π¨βπ»2π1