What is a Software Architect?
What does a Software Architect do? Do you need one? How do you become one? - https://blog.devgenius.io/what-is-a-software-architect-5f1e441cdb2f
#architect
What does a Software Architect do? Do you need one? How do you become one? - https://blog.devgenius.io/what-is-a-software-architect-5f1e441cdb2f
#architect
Medium
What is a Software Architect?
What does a Software Architect do? Do you need one? How do you become one?
👍4
Send UDP Messages in Node Without dns.lookup - https://hermanradtke.com/send-udp-messages-in-nodejs-without-dns-lookup/
#nodejs
#nodejs
Herman J. Radtke III Blog
Send UDP Messages in Node.js Without dns.lookup
<p>At work, I recently inherited a node service that was sending metrics to DataDog using the <a href="https://github.com/brightcove/hot-shots">brightcove/hot-shots</a> StatsD client. While investigating some issues with <code>dns.lookup</code>, I noticed…
❤3👍2
Dr. Axel Tackles Two Proposals: Iterator Helpers and Set Methods
Here’s something to get your teeth into! Dr. Axel takes on two promising ECMAScript proposals and breaks down what they’re about and why they’ll (hopefully) become useful to JavaScript developers. The first tackles iterator helpers (new utility methods for working with iterable data) and the second tackles Set methods which will extend ES6’s Set object. - https://2ality.com/2022/12/iterator-helpers.html
#javascript
Here’s something to get your teeth into! Dr. Axel takes on two promising ECMAScript proposals and breaks down what they’re about and why they’ll (hopefully) become useful to JavaScript developers. The first tackles iterator helpers (new utility methods for working with iterable data) and the second tackles Set methods which will extend ES6’s Set object. - https://2ality.com/2022/12/iterator-helpers.html
#javascript
2Ality
ECMAScript proposal: iterator helpers
In this blog post, we look at the ECMAScript proposal “Iterator helpers” by Gus Caplan, Michael Ficarra, Adam Vandolder, Jason Orendorff, Kevin Gibbons, and Yulia Startsev. It introduces utility methods for working with iterable data: .map(), .filter(), .take()…
👍7
Making Your React Native Gestures Feel Natural
Shopify is using React Native for its main shop app and has shared a few pointers to making React Native “gestures and animations feel better and more natural”. - https://shopify.engineering/making-react-native-gestures-feel-natural
#reactnative
Shopify is using React Native for its main shop app and has shared a few pointers to making React Native “gestures and animations feel better and more natural”. - https://shopify.engineering/making-react-native-gestures-feel-natural
#reactnative
Shopify
Making Your React Native Gestures Feel Natural - Shopify
When working with draggable elements in React Native mobile apps, there are some simple ways to help gestures and animations feel better and more natural.
👍4
Getting to Know the createApplication API in Angular
Angular v14.2.0 introduce a new function named createApplication. The createApplication function creates an… - https://netbasal.com/getting-to-know-the-createapplication-api-in-angular-f1c0a2685047
#angular
Angular v14.2.0 introduce a new function named createApplication. The createApplication function creates an… - https://netbasal.com/getting-to-know-the-createapplication-api-in-angular-f1c0a2685047
#angular
Medium
Getting to Know the createApplication API in Angular
Angular v14.2.0 introduce a new function named createApplication. The createApplication function creates an application instance without…
👍3
The Truth About CSS Selector Performance
Patrick Brosset explains how improving certain CSS selectors can lead to important performance gains. - https://blogs.windows.com/msedgedev/2023/01/17/the-truth-about-css-selector-performance
#css
Patrick Brosset explains how improving certain CSS selectors can lead to important performance gains. - https://blogs.windows.com/msedgedev/2023/01/17/the-truth-about-css-selector-performance
#css
Microsoft Edge Blog
The truth about CSS selector performance
If you're a web developer, you may have already heard that some CSS selectors are faster than others. And you're probably hoping to find a list of the better selectors to use in this article. Well, not quite. But bear with me, I promise that by the
👍9👏1
Next, Nest, Nuxt… Nust?
“This blog post is for everyone looking for their new favorite JavaScript backend framework.” If the names of frameworks are all starting to blur together in your head, this is for you. Marius explains just what systems like Next and Gatsby do and touches on a few differences. - https://www.twilio.com/blog/comparing-nextjs-nestjs-nuxt-gatsby
#nodejs
“This blog post is for everyone looking for their new favorite JavaScript backend framework.” If the names of frameworks are all starting to blur together in your head, this is for you. Marius explains just what systems like Next and Gatsby do and touches on a few differences. - https://www.twilio.com/blog/comparing-nextjs-nestjs-nuxt-gatsby
#nodejs
Twilio
Next, Nest, Nuxt… Nust?
❤5👍2
Evan You Looks at 2022 and 2023
You’ll know Evan for Vue.js and Vite and here he recaps what happened in the Vue world in 2022 (like Vue 3.x becoming the new default version) and what we can expect in 2023, including the mysteriously named Vapor Mode.. We’re also warned Vue 2.x has one year before it reaches EOL. - https://blog.vuejs.org/posts/2022-year-in-review.html
#vue
You’ll know Evan for Vue.js and Vite and here he recaps what happened in the Vue world in 2022 (like Vue 3.x becoming the new default version) and what we can expect in 2023, including the mysteriously named Vapor Mode.. We’re also warned Vue 2.x has one year before it reaches EOL. - https://blog.vuejs.org/posts/2022-year-in-review.html
#vue
blog.vuejs.org
2022 Year In Review | The Vue Point
The official blog for the Vue.js project
❤7👍3
Optimize Interaction to Next Paint
How to optimize for the experimental Interaction to Next Paint (INP) metric — a way to assess a page’s overall responsiveness to user interactions. - https://web.dev/optimize-inp/
#javascript
How to optimize for the experimental Interaction to Next Paint (INP) metric — a way to assess a page’s overall responsiveness to user interactions. - https://web.dev/optimize-inp/
#javascript
web.dev
Optimize Interaction to Next Paint | Articles | web.dev
Learn how to optimize your website's Interaction to Next Paint.
👍4❤1
The Future of Create React App and Why It Exists
Dan wrote pretty much an essay in a comment on the issue thread we linked last week with “some background on the future of Create React App” and concludes with the team’s thoughts on leaning towards turning Create React App into a 'launcher.' As well as being a good response to the original concern about Create React App being a poor suggestion for new users, this is an interesting look at how Dan sees React and its ecosystem more generally. - https://github.com/reactjs/reactjs.org/pull/5487#issuecomment-1409720741
#react
Dan wrote pretty much an essay in a comment on the issue thread we linked last week with “some background on the future of Create React App” and concludes with the team’s thoughts on leaning towards turning Create React App into a 'launcher.' As well as being a good response to the original concern about Create React App being a poor suggestion for new users, this is an interesting look at how Dan sees React and its ecosystem more generally. - https://github.com/reactjs/reactjs.org/pull/5487#issuecomment-1409720741
#react
GitHub
Replace Create React App recommendation with Vite by t3dotgg · Pull Request #5487 · reactjs/react.dev
Create React App is not a great recommendation to be making, especially for newer developers.
As an educator, I run into countless issues w/ new React devs running into unnecessary issues due to th...
As an educator, I run into countless issues w/ new React devs running into unnecessary issues due to th...
👍7
Add Keyboard Shortcuts to Your Angular App
Angular provides a special syntax for registering keyboard events. A keyboard event can be bound to a… - https://netbasal.com/add-keyboard-shortcuts-to-your-angular-app-9bf2e89862b3
#angular
Angular provides a special syntax for registering keyboard events. A keyboard event can be bound to a… - https://netbasal.com/add-keyboard-shortcuts-to-your-angular-app-9bf2e89862b3
#angular
Medium
Add Keyboard Shortcuts to Your Angular App
Angular provides a special syntax for registering keyboard events. A keyboard event can be bound to a specific key or code. It’s assumed by…
👍6
Building Reliable Distributed Systems in Node
This post introduces the concept of durable execution which is used by a variety of companies and services to run reliable distributed systems. Temporal is a platform that coordinates workflows and durable jobs built around them. - https://temporal.io/blog/building-reliable-distributed-systems-in-node
#nodejs
This post introduces the concept of durable execution which is used by a variety of companies and services to run reliable distributed systems. Temporal is a platform that coordinates workflows and durable jobs built around them. - https://temporal.io/blog/building-reliable-distributed-systems-in-node
#nodejs
temporal.io
Building Distributed Systems in Node
Durable execution in distibuted systems is the sought after goal. Find out how building reliable distibuted systems in easy with Temporal's Typescript SDK.
👍5❤1👏1
Level Up Your CSS Skills With The :has() Selector
Stephanie Eckles reviews how to combine :has() with other CSS selectors. - https://www.smashingmagazine.com/2023/01/level-up-css-skills-has-selector
#css
Stephanie Eckles reviews how to combine :has() with other CSS selectors. - https://www.smashingmagazine.com/2023/01/level-up-css-skills-has-selector
#css
Smashing Magazine
Level Up Your CSS Skills With The :has() Selector — Smashing Magazine
The CSS relational selector :has() offers what was previously impossible without JavaScript. Let’s explore some magical powers that :has brings.
❤4👍2
Using Notion as a Headless CMS with Nuxt
Notion is a productivity and organization tool that can be used for a wide variety of tasks. In this tutorial article, follow to find out how to use Notion as a headless CMS with Nuxt 3. - https://dev.to/trentbrew/using-notion-as-a-headless-cms-with-nuxt-3mk
#vue
Notion is a productivity and organization tool that can be used for a wide variety of tasks. In this tutorial article, follow to find out how to use Notion as a headless CMS with Nuxt 3. - https://dev.to/trentbrew/using-notion-as-a-headless-cms-with-nuxt-3mk
#vue
DEV Community
Using Notion as a Headless CMS with Nuxt
Notion has become increasingly popular as a versatile tool for everything from taking notes to...
👍7
How To Communicate Effectively as a Developer
Karl Sutt offers some tactical and strategic tips for writing effectively as a software developer. - https://www.karlsutt.com/articles/communicating-effectively-as-a-developer
#css
Karl Sutt offers some tactical and strategic tips for writing effectively as a software developer. - https://www.karlsutt.com/articles/communicating-effectively-as-a-developer
#css
Karl Sutt
How to communicate effectively as a developer
Some tactical and strategic tips for writing effectively as a software developer.
👍6
Getting to Know the createComponent API in Angular
Angular v14.1 added a new function named createComponent. This function can cover the use-cases where the… - https://netbasal.com/getting-to-know-the-createcomponent-api-in-angular-22fb115f08e2
#angular
Angular v14.1 added a new function named createComponent. This function can cover the use-cases where the… - https://netbasal.com/getting-to-know-the-createcomponent-api-in-angular-22fb115f08e2
#angular
Medium
Getting to Know the createComponent API in Angular
Angular v14.1 added a new function named createComponent. This function can cover the use-cases where the ComponentFactory symbol was…
👍3🥰1
How to Build a Better React Map with Pigeon Maps and Mapbox
A dev consultancy wanted to have a map on their site of where their employees had given talks around the world. This is a complete walkthrough of the project from defining the requirements through to actually making it live - https://evilmartians.com/chronicles/how-to-build-a-better-react-map-with-pigeon-maps-and-mapbox
#react
A dev consultancy wanted to have a map on their site of where their employees had given talks around the world. This is a complete walkthrough of the project from defining the requirements through to actually making it live - https://evilmartians.com/chronicles/how-to-build-a-better-react-map-with-pigeon-maps-and-mapbox
#react
evilmartians.com
How to build a better React map with Pigeon Maps and Mapbox—Martian Chronicles, Evil Martians’ team blog
We needed a lightweight, essentially free solution for a customer map that would display our events in our React app. So we turned to Pigeon Maps and Mapbox, and here is how we made it.
👍10
Sibling Scopes in CSS, thanks to :has()
Bramus Van Damme shows how to leverage CSS :has() to select all siblings between two element boundaries. - https://www.bram.us/2023/01/12/sibling-scopes-in-css-thanks-to-has
#css
Bramus Van Damme shows how to leverage CSS :has() to select all siblings between two element boundaries. - https://www.bram.us/2023/01/12/sibling-scopes-in-css-thanks-to-has
#css
Bram.us
Sibling Scopes in CSS, thanks to :has() and ~
Leverage CSS :has() to select all siblings between two element boundaries.
👍12
Unlocking Security Updates for Transitive Dependencies with npm
Dependabot is a GitHub-based service that issues pull requests updating known vulnerable direct dependencies on projects. But what about transitive dependencies? If you’re using npm, that’s possible too (since September last year). This post digs more into how it works. - https://github.blog/2023-01-19-unlocking-security-updates-for-transitive-dependencies-with-npm/
#nodejs
Dependabot is a GitHub-based service that issues pull requests updating known vulnerable direct dependencies on projects. But what about transitive dependencies? If you’re using npm, that’s possible too (since September last year). This post digs more into how it works. - https://github.blog/2023-01-19-unlocking-security-updates-for-transitive-dependencies-with-npm/
#nodejs
The GitHub Blog
Unlocking security updates for transitive dependencies with npm
How Dependabot integrated with npm to address security vulnerabilities on transitive dependencies and increase the likelihood of success for JavaScript security updates by 40%.
👍5❤1
How to Deploy MEVN Stack on AWS EKS using HELM
In this step-by-step guide with an example project, checkout how to publish your Vue.js full-stack application with Express, Node, and MongoDB with AWS EKS - https://medium.com/bb-tutorials-and-thoughts/how-to-deploy-mevn-stack-on-aws-eks-using-helm-ab2ed065286f
#vue
In this step-by-step guide with an example project, checkout how to publish your Vue.js full-stack application with Express, Node, and MongoDB with AWS EKS - https://medium.com/bb-tutorials-and-thoughts/how-to-deploy-mevn-stack-on-aws-eks-using-helm-ab2ed065286f
#vue
Medium
How to Deploy MEVN Stack on AWS EKS using HELM
A step-by-step guide with an example project
👍5