React Labs: What We've Been Working On

The latest look behind the scenes at what’s going on in the React project. React Server Components unsurprisingly make an appearance, but the most striking update is on the progress behind React Forget — an optimizing compiler with the goal being able to build better, fully reactive systems using JavaScript and the React mental models you already know, with the compiler tackling some of the trickier parts. - https://react.dev/blog/2023/03/22/react-labs-what-we-have-been-working-on-march-2023

#react

Node.js 20 Released

A quirk of fate meant this issue was delayed for a couple of hours and.. Node v20 was launched in that time. - https://nodejs.org/en/blog/announcements/v20-release-announce

#nodejs

Angular Size From Version 2 To 14

Angular size and compile time from version 2 to 14 - https://javascript.plainenglish.io/angular-size-from-version-2-to-14-23858d708914

#angular

10 Mistakes to Avoid When Starting with Vue 3

Vue 3 has been stable for quite some time now. Many codebases are using it in production, and everyone else will have to migrate eventually. This article contains some of the mistakes i encountered in my encounter with Vue 3 which you should probably avoid - https://fadamakis.com/10-mistakes-to-avoid-when-starting-with-vue-3-1d1ced8552ae

#vue

CSS Text Balancing With text-wrap:balance

Ahmad Shadeed shows how to easily make headlines with varying content lengths consistently sized. - https://ishadeed.com/article/css-text-wrap-balance

#css

Some Software Architecture Styles

A quick summary of a variety of historical and modern Software Architectural styles. - https://blog.devgenius.io/some-software-architecture-styles-fbb57f7716b9

#architecture

npm Security Best Practices

Part of the Open Web Application Security Project’s (OWASP) extensive cheat sheet series. This one, written by Liran Tal, covers ten key points to keep in mind with regards to using npm and npm packages. - https://cheatsheetseries.owasp.org/cheatsheets/NPM_Security_Cheat_Sheet.html

#nodejs

Rethinking React Best Practices

The author asserts React has evolved from a simple library to an all-encompassing architecture. As such, best practices have to evolve too. - https://frontendmastery.com/posts/rethinking-react-best-practices/

#react

State of the Vuenion 2023: A Recap of Evan You’s Address at Vue.js Amsterdam 2023

Evan You, creator of Vue.js was on stage at Vue.js Amsterdam 2023 to talk about the status of the framework in the State of Vuenion Address. In this article, let me share a quick recap of what Evan shared during his talk. - https://vueschool.io/articles/news/state-of-the-vuenion-2023-a-recap-of-evan-yous-address-at-vue-js-amsterdam-2023/

#vue

Expanding Grid Cards with View Transitions

Chris Coyier demonstrates how to create animated expanding grid cards using View Transitions API. - https://chriscoyier.net/2023/04/11/expanding-grid-cards-with-view-transitions

#css

Mistakes I Made as an Angular Developer

Confessions: what I regret not doing as an angular developer and how you can avoid it! - https://levelup.gitconnected.com/mistakes-i-made-as-an-angular-developer-509277d60a10

#angular

Deno vs. Node: No One is Ready for the Move

Deno has a lot going for it as an alternative to Node — but Node has time, maturity and a huge, established userbase on its side. - https://cult.honeypot.io/reads/deno-vs-node-main-differences/

#nodejs

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