Mastering Yarn's Lifecycle with Hooks
Aims to equip you with the knowledge needed to create your own Yarn plugins and “elevate your package management game”. - https://scinos.dev/posts/2023-04-08-mastering-yarns-lifecycle-with-hooks/
#nodejs
Aims to equip you with the knowledge needed to create your own Yarn plugins and “elevate your package management game”. - https://scinos.dev/posts/2023-04-08-mastering-yarns-lifecycle-with-hooks/
#nodejs
scinos.dev
Mastering Yarn's lifecycle with hooks
Learn how to create custom Yarn plugins and take your Node.js package management to the next level. In this tutorial, you will master Yarn's lifecycle hooks by creating a plugin that checks whether the environment is correctly set up. Whether you're a beginner…
👍4
Angular Router Standalone APIs
Is it worth it? How much can we shake off the Routers bundle? - https://kevinkreuzer.medium.com/angular-router-standalone-apis-461547e92bbc
#angular
Is it worth it? How much can we shake off the Routers bundle? - https://kevinkreuzer.medium.com/angular-router-standalone-apis-461547e92bbc
#angular
Medium
Angular Router Standalone APIs
Is it worth it? How much can we shake off the Routers bundle?
👍3❤1
Code review guidelines
Best practices for efficient code review - https://medium.com/applaudo-tech-blog/code-review-guidelines-25b05e4d20b4
#codereview
Best practices for efficient code review - https://medium.com/applaudo-tech-blog/code-review-guidelines-25b05e4d20b4
#codereview
Medium
Code review guidelines
Best practices for efficient code review
👍2❤1
10 CSS Animation Tips and Tricks
Kevin Powell shows some neat CSS transition and animation tips. - https://www.youtube.com/watch?v=y8-F5-2EIcg
#css
Kevin Powell shows some neat CSS transition and animation tips. - https://www.youtube.com/watch?v=y8-F5-2EIcg
#css
YouTube
10 CSS animation tips and tricks
CSS transitions and animations can be a lot of fun, and there are so many neat tips and tricks you can do with them!
🔗 Links
✅ The CSS challenge video: https://youtu.be/gE5PnHcv3RI
✅ More on prefers-reduced-motion: https://youtu.be/zT9Ftmw0-uc
✅ More information…
🔗 Links
✅ The CSS challenge video: https://youtu.be/gE5PnHcv3RI
✅ More on prefers-reduced-motion: https://youtu.be/zT9Ftmw0-uc
✅ More information…
👍3❤1
Nuxt 3 + useFetch = Reactive Vue at its best
useFetch is a composable provided by Nuxt, which allows us to reactively fetch data. This article looks at the combination of the composition API and useFetch and how to utilize these two features to get the best out of Vue’s reactivity in Nuxt 3. - https://medium.com/comsystoreply/nuxt-3-usefetch-reactive-vue-at-its-best-14729f6f5be7
#vue
useFetch is a composable provided by Nuxt, which allows us to reactively fetch data. This article looks at the combination of the composition API and useFetch and how to utilize these two features to get the best out of Vue’s reactivity in Nuxt 3. - https://medium.com/comsystoreply/nuxt-3-usefetch-reactive-vue-at-its-best-14729f6f5be7
#vue
Medium
Nuxt 3 + useFetch = Reactive Vue at its best 🔥
Vue utilizes reactive programming. By using useFetch provided by Nuxt 3 we can get the most out of this programming paradigm.
❤4👍4
New HTML Element
Alvaro Montoro gives an introduction to a new semantic element for search operations. - https://alvaromontoro.hashnode.dev/new-html-element-search
#html
Alvaro Montoro gives an introduction to a new semantic element for search operations. - https://alvaromontoro.hashnode.dev/new-html-element-search
#html
👍16
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
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
react.dev
React Labs: What We've Been Working On – March 2023 – React
The library for web and native user interfaces
👍6
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
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
nodejs.org
Node.js — Node.js 20 is now available!
Node.js® is a free, open-source, cross-platform JavaScript runtime environment that lets developers create servers, web apps, command line tools and scripts.
👍7🤔1
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
Angular size and compile time from version 2 to 14 - https://javascript.plainenglish.io/angular-size-from-version-2-to-14-23858d708914
#angular
Medium
Angular Size From Version 2 To 14
angular size and compile time from version 2 to 14
👍3🔥1
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
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
Medium
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…
👍4❤1👏1
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
Ahmad Shadeed shows how to easily make headlines with varying content lengths consistently sized. - https://ishadeed.com/article/css-text-wrap-balance
#css
Ishadeed
CSS Text balancing with text-wrap:balance
A look at text wrap balancing in CSS
👍13❤2🙏2
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
A quick summary of a variety of historical and modern Software Architectural styles. - https://blog.devgenius.io/some-software-architecture-styles-fbb57f7716b9
#architecture
Medium
Some Software Architecture Styles
A quick summary of a variety of historical and modern Software Architectural styles.
👍5
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
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
cheatsheetseries.owasp.org
NPM Security - OWASP Cheat Sheet Series
Website with the collection of all the cheat sheets of the project.
👍4
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
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
Frontendmastery
Rethinking React best practices
A deep dive into the evolution of React from client-side view library to application architecture.
👍8😁1
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
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
vueschool.io
State of the Vuenion 2023: A Recap of Evan You’s Address at Vue.js Amsterdam 2023 - Vue School Articles - Vue School
Evan You, creator of Vue.js, addressed a sold out audience at Vue.js Amsterdam 2023. Topics included: a 2023 roadmap, v3 adoption, vapor mode,and more!
👍10
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
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
Chris Coyier
Expanding Grid Cards with View Transitions
A friend showed me something of a design spec they were charged with pulling off: The requirements: … when I click on any of them it expands at the top to full width and the rest of the cards…
👍4❤1
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
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
Medium
Mistakes I Made as an Angular Developer
Confessions: what I regret not doing as an angular developer and how you can avoid it!
👍2❤1
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
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
.cult by Honeypot
Deno vs. Node: No One is Ready for the Move
How different is Deno from Node.js? Why developers aren't ready to switch yet.
👍5
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
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
Red Hat Developer
How to enable OpenTelemetry traces in React applications | Red Hat Developer
The main focus of this article is to demonstrate how to instrument React applications to make them observable. For a good overview of observability and OpenTelemetry, please take a look at the
👍3❤1🤬1
Добавили сканер уязвимостей в Yandex Container Registry
Платформа Yandex Cloud открыла общий доступ к сканеру, который до этого был доступен только в режиме превью.
С помощью него вы можете:
— проводить анализ контейнерных образов на предмет уязвимостей;
— использовать крупнейшую базу уязвимостей;
— сканировать образы при непрерывном развёртывании приложений;
— создавать CI-сценарии для проверки безопасности.
Из нового — теперь можно сканировать контейнерные образы автоматически при загрузке.
Сканер уязвимостей работает только с образами из Container Registry.
Подробнее о сканере уязвимостей ➡️
Платформа Yandex Cloud открыла общий доступ к сканеру, который до этого был доступен только в режиме превью.
С помощью него вы можете:
— проводить анализ контейнерных образов на предмет уязвимостей;
— использовать крупнейшую базу уязвимостей;
— сканировать образы при непрерывном развёртывании приложений;
— создавать CI-сценарии для проверки безопасности.
Из нового — теперь можно сканировать контейнерные образы автоматически при загрузке.
Сканер уязвимостей работает только с образами из Container Registry.
Подробнее о сканере уязвимостей ➡️
🤮3👍2🔥1💩1