How To Build Server-Side Rendered (SSR) Svelte Apps with SvelteKit

SvelteKit is a framework for building apps using Svelte. This post walks through creating a simple job board with it and deploying on Netlify. - https://www.smashingmagazine.com/2023/06/build-server-side-rendered-svelte-apps-sveltekit/

#svelte

Understanding React Server Components

If you’ve struggled to get your head around the ideas involved with React Server Components, and Dan Abramov’s ‘let’s recreate RSCs from scratch’ went a little too deep, this is a good, high-level explanation of the fundamentals that explains what problems they solve, why you might use them, and how Next.js makes them easier to work with. - https://vercel.com/blog/understanding-react-server-components

#react

Split Angular Nested Forms Into Subform Components

How to turn an Angular nested form into smaller subform components - https://betterprogramming.pub/split-angular-nested-forms-into-subform-components-dcf32d1fb10d

#angular

The Complexity of Building an Efficient Node Docker Image

It’s possible to get huge reductions in image size and build time, but Samuel feels most of the optimizations are things that should be optimized out of the box. Nonetheless, you may find the details and approach shared here useful. - https://www.specfy.io/blog/1-efficient-dockerfile-nodejs-in-7-steps

#nodejs

Extending Vue Router Links in Vue 3

Daniel Kelly explains how you can write a single component for all the links internal and external. - https://vueschool.io/articles/vuejs-tutorials/extending-vue-router-links-in-vue-3

#vue

Adapting Typography to User Preferences With CSS

Adam Argyle shows a method to adapt a font to your users’ preferences so they’re maximally comfortable reading your content. - https://web.dev/adapting-typography-to-user-preferences-with-css

#css

5 Very Useful Tricks for TypeScript Enum Types

You Must Master Enum Types To Use TypeScript Well! These 5 Tricks Make It Easy To Solve Some of the Problems… - https://javascript.plainenglish.io/5-very-useful-tricks-for-typescript-enum-types-9662eb716520

#typescript

Angular — Four Practical Tips to Build a Good Shared Component

Component is the basic building block of an Angular application. Here are some tips for you to build a good… - https://lukeliutingchun.medium.com/angular-four-practical-tips-to-build-a-good-shared-component-63034aa2027

#angular

How to Create an npx tool

How to create a tool that can be used via npm’s npx execution mechanism. - https://nayte.dev/posts/creating-an-npx-tool/

#nodejs

Everything Mux Learnt Migrating 50K LOC to Server Components

If you prefer real-world experiences to technical explanations and overviews, this is for you. A member of the Mux team goes into their story of adopting React Server Components and preemptively answers some of the questions we all have. - https://www.mux.com/blog/what-are-react-server-components

#react

Behavioral Patterns in TypeScript

How do objects behave? At runtime, their life is about instantiating, calling, and being part of processes… - https://albertobasalo.medium.com/behavioral-patterns-in-typescript-b1a3787d5c34

#typescript

Migrating from Vue 2 To Vue 3 – New Features

The release of Vue 3 redefines the way we build web applications, offering an abundance of enhancements, optimizations, and tools. In this article, dive headfirst into the exciting world of some of Vue 3's brand-new features! - https://vueschool.io/articles/vuejs-tutorials/migrating-from-vue-2-to-vue-3-new-features/

#vue

The New @font-Face Syntax

Oliver Williams outlines how the new @font-face syntax works. - https://fullystacked.net/posts/new-font-face-syntax

#css

The Importance of Verifying Webhook Signatures - https://snyk.io/blog/verifying-webhook-signatures/

#nodejs

Using Supabase Storage for React Native App File Uploads

Learn how to implement authentication and file upload in a React Native app. - https://supabase.com/blog/react-native-storage

#react

Setup a Monorepo with PNPM workspaces and speed it up with Nx!

In this article we’re going to have a deep dive into setting up a new monorepo using PNPM workspaces that… - https://blog.nrwl.io/setup-a-monorepo-with-pnpm-workspaces-and-speed-it-up-with-nx-bc5d97258a7e

#monorepo #pnpm

Four New CSS Features for Smooth Entry and Exit Animations

Una Kravets and Joey Arhar outline new CSS capabilities that enable smooth transitioning of discrete animations. - https://developer.chrome.com/blog/entry-exit-animations

#css

Accessing DOM elements in Angular Directives — event.target vs ElementRef

Differences and possible pitfalls - https://medium.com/angular-in-depth/accessing-dom-elements-in-angular-directives-event-target-vs-elementref-9dd606b17840

#angular

How To Deal With Big Tooling Upgrades In Large Organizations

The process of upgrading large third-party packages in equally large organizations is rarely, if ever, as easy as running an npm update and calling it a day in this context. Joran Quinten shares valuable lessons from his team’s experiences in upgrading third-party code that affects codebases across the entire organization. - https://www.smashingmagazine.com/2023/05/big-tooling-upgrades-large-organizations/

#vue

Uploading Files from a Form with Drag and Drop - https://spacejelly.dev/posts/uploading-files-in-react-from-a-form-with-drag-and-drop/

#react

Choosing the Best Node.js Docker Image

If you feel tempted to just throw FROM node into your Dockerfile, think again – there are other options to consider.
- https://snyk.io/blog/choosing-the-best-node-js-docker-image/

#nodejs