How to Enable OpenTelemetry Traces in React Apps

A ten-step approach to enabling OpenTelemetry traces in React apps all the way through to viewing the end results in Jaeger. - https://developers.redhat.com/articles/2023/03/22/how-enable-opentelemetry-traces-react-applications

#react

Добавили сканер уязвимостей в Yandex Container Registry

Платформа Yandex Cloud открыла общий доступ к сканеру, который до этого был доступен только в режиме превью.

С помощью него вы можете:

— проводить анализ контейнерных образов на предмет уязвимостей;
— использовать крупнейшую базу уязвимостей;
— сканировать образы при непрерывном развёртывании приложений;
— создавать CI-сценарии для проверки безопасности.

Из нового — теперь можно сканировать контейнерные образы автоматически при загрузке.

Сканер уязвимостей работает только с образами из Container Registry.

Подробнее о сканере уязвимостей ➡️

Conditional Props With Typescript

We will start by first discussing the problem for which we need conditional props with typescript and then we… - https://levelup.gitconnected.com/conditional-props-with-typescript-78590139aa39

#typescript

It’s Time To Learn oklch Color

Keith J. Grant gives a fantastic introduction to oklch color format. - https://keithjgrant.com/posts/2023/04/its-time-to-learn-oklch-color

#css

Pass an Injector to Embedded Views

Angular v14 comes with a new feature, which allows an injector to be passed when using embedded views. In the… - https://netbasal.com/new-in-angular-13-pass-an-injector-to-embedded-views-cb71155025b4

#angular

How to create a reporting app with Vue 3 and Composition API

In this article, you'll learn how to create a reporting app with Vue 3 and Composition API.
Flexmonster Pivot Table & Charts and Highcharts libraries are used. - https://www.geeksforgeeks.org/how-to-create-a-reporting-app-with-vue-3-and-composition-api/

#vue

Smarter and Simpler React State

React screencaster extraordinaire Jack is back comparing some React state management solutions, including sticking with hooks or using Zustand, Valtio or Jotai. - https://www.youtube.com/watch?v=Cp64YbYBNDA

#react

How to Stream File Uploads to S3 Object Storage from Node - https://austingil.com/upload-to-s3/

#nodejs

Building Complex Types in TypeScript - https://medium.hexlabs.io/building-complex-types-in-typescript-bfdf5e131dbe

#typescript

Angular DOM Manipulation: ElementRef, TemplateRef, and ViewContainerRef

An overview of elements, templates, views, and view containers in Angular and how to modify the DOM… - https://javascript.plainenglish.io/angular-elementref-templateref-viewcontainerref-8517b7ce3274

#angular

Sticky Page Header Shadow on Scroll

Ryan Mulligan shows how to create a sticky header with a box-shadow that appears when the page is scrolled. - https://ryanmulligan.dev/blog/sticky-header-scroll-shadow

#css

Vue Real Life Transitions and Micro-Interactions

In this article, Fotis investigates different options to create transitions and micro-interactions. - https://fadamakis.com/vue-js-real-life-transitions-and-micro-interactions-e86bd51301b8

#vue

9 Design Patterns Every Engineer Should Know

Master These 9 Design Patterns To Write Better Code - https://medium.com/frontend-canteen/9-design-patterns-every-engineer-should-know-f2423d36d468

#patters

A Modern Guide to React Debugging

Some useful advice and recommendations, although they have a commercial tool you can try as well - https://raygun.com/blog/react-debugging-guide/

#react

Validating Complex Requests With Nest.js

A practical example - https://betterprogramming.pub/validating-complex-requests-with-nestjs-a-practical-example-b55c287f7c99

#nodejs

Understanding CSS Preload and Other Resource Hints

Stanley Ulili explores the benefits of browser resource hints: preload, prefetch, and preconnect. - https://blog.logrocket.com/understanding-css-preload-other-resource-hints

#css

JavaScript Features from the Past Few Years

Packed with examples, this post tackles the changes and tweaks to JavaScript and TypeScript over the past several years - https://betterprogramming.pub/all-javascript-and-typescript-features-of-the-last-3-years-629c57e73e42

#javascript

How To Use Feature Flags in Vue.JS

Feature Flags are conditional statements like an if/else block of code that provides the ability to switch certain functionalities or features on/off in an application. This article explores how to confidently test and integrate new features in your applications without deploying new code using Feature Flags. - https://daveyhert.hashnode.dev/how-to-use-feature-flags-in-vuejs

#vue

Advancements in the Angular Router

The Angular team has been busy making some meaningful updates to the Angular router that are available as of… - https://blog.angular.io/advancements-in-the-angular-router-5d69ec4c032

#angular