Understanding and Using the New CSS Style Queries

Fimber Elemuwa explains in detail how Container Queries work. - https://blog.logrocket.com/new-css-style-queries

#css

Better Navigation with NuxtLink

The NuxtLink component in Nuxt 3 may seem simple at first glance, but there’s a lot going on beneath the surface.
In this article find out how it works and how to use it.https://masteringnuxt.com/blog/better-navigation-with-nuxtlink - https://masteringnuxt.com/blog/better-navigation-with-nuxtlink

#vue

Using PlanetScale with Serverless Framework Node Apps on AWS - https://planetscale.com/blog/using-planetscale-with-serverless-framework-node-apps-on-aws

#nodejs

Finish Your Projects

Planetscale’s Aaron Francis discusses the challenges and importance of finishing projects, focusing on embracing the grind of the last 10% of a project and overcoming the fear of releasing it. - https://github.com/readme/guides/finish-your-projects

#react

Are Standalone Components changing the way we write Angular code?

As an application grows, the boilerplate code that Angular introduces become heavy and more difficult to… - https://medium.com/@novoselski/are-standalone-components-changing-the-way-we-write-angular-code-4abc0f92af94

#angular

Руководитель группы фронтенд-разработки IT-инфраструктуры Яндекс
#Москва #гибрид #TeamLead

Мы создаём и поддерживаем продукты, которые позволяют сотрудникам Яндекса общаться с IT- и HR-отделами и помогают сконцентрироваться на непосредственных рабочих задачах, не отвлекаясь на бытовые. Отвечаем за внутренний и внешний портал Service Desk, вендинговые аппараты для получения компьютерных аксессуаров, внутренние чат-боты, электронные очереди для сервисных подразделений и многое другое.
Мы ищем руководителя команды, который поможет нам управлять группой и процессами фронтенд-разработки IТ-инфраструктуры, запускать новые продукты для тысяч сотрудников Яндекса и совершенствовать существующие.
Если вы любите автоматизировать работу и решать сложные задачи, готовы отвечать за команду, изучать и внедрять самые последние технологии, вам у нас точно понравится.

Подробнее о вакансии и отклики: https://goo.su/ParRjr

Связаться с рекрутером: @alfed28

An Interactive Guide to Flexbox

Joshua Comeau created a fantastic guide that will help you expand your mental model for Flexbox even if you’ve been using it for years. - https://www.joshwcomeau.com/css/interactive-guide-to-flexbox


#css

Ref vs. Reactive: What to Choose Using Vue 3 Composition API?

We love Vue 3's Composition API, but it provides two approaches to adding a reactive state to Vue components: ref and reactive. It can be cumbersome to use .value everywhere when using refs but you can also easily lose reactivity when destructuring reactive objects created with reactive. This article explains how you can choose whether to utilize reactive, ref, or both. - https://mokkapps.de/blog/ref-vs-reactive-what-to-choose-using-vue-3-composition-api

#vue

The State of Node.js Performance in 2023

Node 20 gets put through its paces against 18.16 and 16.20 with a few different benchmark suites running on an EC2 instance. It goes into a lot of depth that’s worth checking out, but if you haven’t got time, the conclusion is “Node 20 is faster.” Good. - https://blog.rafaelgss.dev/state-of-nodejs-performance-2023

#nodejs

Introducing Codux: A Visual Editor for React Developers

This may be a sponsored post over at Smashing Magazine, but it does a better job of presenting Wix’s Codux visual-based React IDE than their own launch post did back in December when we featured it. - https://www.smashingmagazine.com/2023/06/codux-react-visual-editor-improves-developer-experience/

#react

A Quick Introduction to Micro Frontend using Module Federation

Learn what Micro Frontend is, its advantages, and how it works by sharing its state within two applications… - https://medium.com/strapi/a-quick-introduction-to-micro-frontend-using-module-federation-cdabbd1c0e7e

#microfrontends

vh, svh, lvh, and dvh

Manuel Matuzovic explains how dvh viewport unit addresses the issue on mobile where viewport changes depending on the state of interface elements. - https://www.matuzo.at/blog/2022/100daysof-day38

#css

Handling Assets in Nuxt 3

Nuxt 3 gives us two great options for managing assets in our web applications. But what’s the difference, and how do you know which to use? This article share’s some simple questions you can ask yourself to figure out where to put your assets, as well as the differences between the two strategies. - https://masteringnuxt.com/blog/handling-assets-in-nuxt-3

#vue

Incremental Builds with the Nx Cache

Speed up the build performance of your Angular application with the Nx Cloud - https://levelup.gitconnected.com/incremental-builds-with-the-nx-cache-a7959cfdc216

#angular

How to Draw Any Regular Shape with Just One JavaScript Function

Mozilla/MDN has a (relatively) new blog — here they share how to use JavaScript to draw any regular shape to a HTML canvas with a single function, and how to modify it to draw multiple shapes. - https://developer.mozilla.org/en-US/blog/javascript-shape-drawing-function/

#javascript

CommonJS is Hurting JavaScript

An interesting take on Node’s default module system, covering its history, its shortcomings, and the trickiness of managing both CommonJS and ES modules at once. Unsurprisingly, Andy wants us aboard the ESM train ASAP and to leave CommonJS at the station. - https://deno.com/blog/commonjs-is-hurting-javascript

#nodejs

Building the Foundation of a Full-Stack App with Nest, Next.js and tRPC

Discover how to create a fully type-safe pnpm monorepo using NestJS, a powerful Node.js backend framework, and Next.js. This covers the integration of tRPC as the API layer, providing end-to-end type-safety for full-stack TypeScript apps. - https://www.tomray.dev/nestjs-nextjs-trpc

#react

The Anatomy of visually-hidden

James Edwards explains how exactly work styles used to hide content from most users while keeping it accessible to assistive technology users. - https://www.tpgi.com/the-anatomy-of-visually-hidden

#css

Angular — Using NgTemplateOutlet to communicate between parent and dynamic…

Here is an introduction of using NgTemplateOutlet as an alternative of component-level scoped service for… - https://lukeliutingchun.medium.com/angular-using-ngtemplateoutlet-to-communicate-between-parent-and-dynamic-child-components-4d74ca9ba9b

#angular