Refactor Your Vue Application By Using Setup Scripts
script setup is a compile-time syntactic sugar for using Composition API inside Single-File Components (SFCs). It is the recommended syntax for using both SFCs and Composition API. This article provides a guide to enhance your Vue3 Application using script setup. - https://itnext.io/refactor-your-vue-application-by-using-setup-scripts-f4d68853d75e
#vue
script setup is a compile-time syntactic sugar for using Composition API inside Single-File Components (SFCs). It is the recommended syntax for using both SFCs and Composition API. This article provides a guide to enhance your Vue3 Application using script setup. - https://itnext.io/refactor-your-vue-application-by-using-setup-scripts-f4d68853d75e
#vue
Medium
Refactor Your Vue Application By Using Setup Scripts
A Guide To Enhance Your Vue3 Application Using Script Setup.
👍2
Randomness in CSS using trigonometry
Kacper Kula explores how to achieve randomness in CSS using trigonometry. - https://hypersphere.blog/blog/randomness-in-css-using-trigonometry
#css
Kacper Kula explores how to achieve randomness in CSS using trigonometry. - https://hypersphere.blog/blog/randomness-in-css-using-trigonometry
#css
hypersphere
Randomness in CSS using trigonometry
Explore brand new technique to generate random numbers with plain CSS using new trigonometry functions!
👍6
You’re Not a Senior Software Engineer
It seems arbitrary the way engineers are given their titles. From the moment you start in the field you long… - https://medium.com/vanguards-of-code/youre-not-a-senior-software-engineer-9056ef9ffb96
#senior #engineer
It seems arbitrary the way engineers are given their titles. From the moment you start in the field you long… - https://medium.com/vanguards-of-code/youre-not-a-senior-software-engineer-9056ef9ffb96
#senior #engineer
Medium
You’re Not a Senior Software Engineer
It seems arbitrary the way engineers are given their titles. From the moment you start in the field you long for that glorious Senior…
👍8👎1
How to Set Up OpenTelemetry for Full-Stack JS Dev
Quite specifically, in this case, to then export the collected telemetry data to New Relic. - https://newrelic.com/blog/how-to-relic/opentelemetry-full-stack-javascript
#nodejs
Quite specifically, in this case, to then export the collected telemetry data to New Relic. - https://newrelic.com/blog/how-to-relic/opentelemetry-full-stack-javascript
#nodejs
New Relic
Set up OpenTelemetry for full-stack JavaScript development
Instrument React and Node applications in your PERN stack with OpenTelemetry.
👍4
Upgrading an Ancient React App
Ancient, in this case, is a seven year old app. This post tells the story of what it took to bring an early React app into the modern ecosystem. - https://labzero.com/blog/upgrading-an-ancient-react-application
#react
Ancient, in this case, is a seven year old app. This post tells the story of what it took to bring an early React app into the modern ecosystem. - https://labzero.com/blog/upgrading-an-ancient-react-application
#react
Lab Zero
Upgrading an Ancient React Application
Read what it took to bring an early React app into the modern ecosystem.
👍6
Micro Frontend Implementation with Module Federation in Angular
Explaining different aspects - https://blog.bitsrc.io/micro-frontend-implementation-with-module-federation-in-angular-508cc660c060
#angular
Explaining different aspects - https://blog.bitsrc.io/micro-frontend-implementation-with-module-federation-in-angular-508cc660c060
#angular
Medium
Micro Frontend Implementation with Module Federation in Angular
Explaining different aspects
👍8
API Gateway vs Backend For Frontend (BFF) — Everything you need to know
Hello everyone. In this article, we are going to see what is an API Gateway and how it is used for… - https://medium.com/javarevisited/api-gateway-vs-backend-for-frontend-bff-everything-you-need-to-know-90154a1e693f
#gateway #bff
Hello everyone. In this article, we are going to see what is an API Gateway and how it is used for… - https://medium.com/javarevisited/api-gateway-vs-backend-for-frontend-bff-everything-you-need-to-know-90154a1e693f
#gateway #bff
Medium
API Gateway vs Backend For Frontend (BFF) — Everything you need to know
Hello everyone. In this article, we are going to see what is an API Gateway and how it is used for Client-Server communication in a…
👍7
How Render Functions Can Improve Your Vue.js Applications Efficiency
By using a virtual DOM, Vue can update and render the user interface more efficiently than if you were to manipulate the real DOM directly. This article provides insight to how you can increase efficiency in your Vue.js application with Render Functions. - https://blog.bitsrc.io/boost-your-vue-js-apps-performance-with-render-functions-2de456c28dd7
#vue
By using a virtual DOM, Vue can update and render the user interface more efficiently than if you were to manipulate the real DOM directly. This article provides insight to how you can increase efficiency in your Vue.js application with Render Functions. - https://blog.bitsrc.io/boost-your-vue-js-apps-performance-with-render-functions-2de456c28dd7
#vue
Medium
How Render Functions Can Improve Your Vue.js Applications Efficiency
How to determine when to use render functions in Vue.js, and what benefits do they offer over using templates?
👍5
CSS and Accessibility: Inclusion Through User Choice
Carie Fisher outlines which CSS media features are available for detecting user preferences and how to use them to design and build more inclusive experiences. - https://www.smashingmagazine.com/2023/08/css-accessibility-inclusion-user-choice
#css
Carie Fisher outlines which CSS media features are available for detecting user preferences and how to use them to design and build more inclusive experiences. - https://www.smashingmagazine.com/2023/08/css-accessibility-inclusion-user-choice
#css
Smashing Magazine
CSS And Accessibility: Inclusion Through User Choice — Smashing Magazine
In this article, Carie Fisher outlines which CSS media features are available for detecting user preferences and how they are used to design and build more inclusive user experiences.
👍4❤1
How to Build a GPT-3 App with Next.js, React, and GitHub Copilot
It’s not often that GitHub runs tutorials on its official blog, so it’s interesting to see this one, clearly designed to show off a modern Copilot-oriented development process. - https://github.blog/2023-07-25-how-to-build-a-gpt-3-app-with-nextjs-react-and-github-copilot/
#react
It’s not often that GitHub runs tutorials on its official blog, so it’s interesting to see this one, clearly designed to show off a modern Copilot-oriented development process. - https://github.blog/2023-07-25-how-to-build-a-gpt-3-app-with-nextjs-react-and-github-copilot/
#react
The GitHub Blog
How to build a GPT-3 App with Nextjs, React, and GitHub Copilot
In this step-by-step tutorial, you will learn how to use GitHub Copilot to build an application with OpenAI’s gpt-3.5-turbo model.
👍8
Designing a Scalable Backend in Node
Three arbitrary scaling challenges for Node apps examined through the lens of a hypothetical personal budgeting app that has to interact with third party APIs. - https://blog.appsignal.com/2023/06/07/designing-a-scalable-backend-in-nodejs.html
#nodejs
Three arbitrary scaling challenges for Node apps examined through the lens of a hypothetical personal budgeting app that has to interact with third party APIs. - https://blog.appsignal.com/2023/06/07/designing-a-scalable-backend-in-nodejs.html
#nodejs
Appsignal
Designing a Scalable Backend in Node.js | AppSignal Blog
Let's examine three scaling challenges for a Node.js app and see how you can avoid them.
👍4❤3
Angular Interview Questions for Senior/Staff/Architect developer position
In this story, we will see what to ask, expect, and prepare for a Senior/Staff and an Architect Angular… - https://balramchavan.medium.com/angular-interview-questions-for-senior-staff-architect-developer-position-part-1-2023-f7f725537049
#angular #interview
In this story, we will see what to ask, expect, and prepare for a Senior/Staff and an Architect Angular… - https://balramchavan.medium.com/angular-interview-questions-for-senior-staff-architect-developer-position-part-1-2023-f7f725537049
#angular #interview
Medium
Angular Interview Questions for Senior/Staff/Architect developer position [Part 1–2023]
In this story, we will see what to ask, expect, and prepare for a Senior/Staff and an Architect Angular Developer/Engineer position. To…
👍3❤2
Before Your Next Frontend Pull Request, Use This Checklist
Avoid common mistakes in pull requests with this checklist, covering areas from minimizing bundle size and ensuring accessibility to using semantic markup and keeping code clean - https://evilmartians.com/chronicles/before-your-next-frontend-pull-request-use-this-checklist
#frontend #checklist
Avoid common mistakes in pull requests with this checklist, covering areas from minimizing bundle size and ensuring accessibility to using semantic markup and keeping code clean - https://evilmartians.com/chronicles/before-your-next-frontend-pull-request-use-this-checklist
#frontend #checklist
evilmartians.com
Before your next frontend pull request, use this checklist—Martian Chronicles, Evil Martians’ team blog
Frontend pull requests often contain common mistakes. Avoid them with this list of 7 small (but crucial) rules.
❤3👍3
Progressively Enhanced Form Validation: HTML and CSS
Gerardo Rodriguez explores progressively enhancing the form validation with the browser’s built-in validation features using HTML and CSS. - https://cloudfour.com/thinks/progressively-enhanced-form-validation-part-1-html-and-css
#css
Gerardo Rodriguez explores progressively enhancing the form validation with the browser’s built-in validation features using HTML and CSS. - https://cloudfour.com/thinks/progressively-enhanced-form-validation-part-1-html-and-css
#css
Cloud Four
Progressively Enhanced Form Validation, Part 1: HTML and CSS
Browsers nowadays have built-in form validation features that make JavaScript-only solutions unnecessary. Let's explore what this might look like using progressive enhancement techniques.
👍6❤1
Vuejs Forge 3 in Review
This article gives a review of some of the major events and experiences from the recently ended Vue.js Forge Episode 3 where developers from all over the world got to work with ChatGPTand Vue.js. - https://vueschool.io/articles/news/vue-js-forge-3-in-review/
#vue
This article gives a review of some of the major events and experiences from the recently ended Vue.js Forge Episode 3 where developers from all over the world got to work with ChatGPTand Vue.js. - https://vueschool.io/articles/news/vue-js-forge-3-in-review/
#vue
vueschool.io
Vue.js Forge 3 in Review - Vue School Articles - Vue School
This article gives a review of some of the major events and experiences from the recently ended Vue.js Forge Episode 3 where developers from all over the world got to work with ChatGPTand Vue.js.
👍6
Simplifying View Logic in Angular
Recently, I had to implement a popover view with many variations based on complex conditions. Using ngSwitch… - https://netbasal.com/simplifying-view-logic-in-angular-14a8cda8e2da
#angular
Recently, I had to implement a popover view with many variations based on complex conditions. Using ngSwitch… - https://netbasal.com/simplifying-view-logic-in-angular-14a8cda8e2da
#angular
Medium
Simplifying View Logic in Angular
Recently, I had to implement a popover view with many variations based on complex conditions. Using ngSwitch, in this case, was impossible…
👍5
Advanced Node.js Topics: Caching.
Improve your Server Performance By Caching fre Fetched Data using Redis. - https://blog.devgenius.io/advanced-node-js-topics-caching-e3d17dc1d738
#nodejs
Improve your Server Performance By Caching fre Fetched Data using Redis. - https://blog.devgenius.io/advanced-node-js-topics-caching-e3d17dc1d738
#nodejs
Medium
Advanced Node.js Topics: Caching.
Improve your Server Performance By Caching fre Fetched Data using Redis.
👍9
How to Use CSS object-fit and object-position
Ralph Mason shows how to use object-fit to fit images into a specific amount of space and how to use object-position to get the positioning within that space just right. (And I also briefly explained how object-fit works in my guide on Advanced Positioning in CSS Grid. - https://www.sitepoint.com/using-css-object-fit-object-position-properties
#css
Ralph Mason shows how to use object-fit to fit images into a specific amount of space and how to use object-position to get the positioning within that space just right. (And I also briefly explained how object-fit works in my guide on Advanced Positioning in CSS Grid. - https://www.sitepoint.com/using-css-object-fit-object-position-properties
#css
Sitepoint
How to Use CSS object-fit and object-position — SitePoint
Learn how to use CSS object-fit to determine how images fit within a given space, and how to position those images with object-position.
👍7
5 Awesome VueUse Browser Related Composables
This article contains a curated list of Awesome browser related composable. From handling clipboard operations to media controls, this list is sure to provide you with handy VueUse Composables to quickly add browser functionality to your Vue.js apps. - https://vuejsdevelopers.com/2023/06/05/5-awesome-browser-related-vueuse-composables-to-try-out/
#vue
This article contains a curated list of Awesome browser related composable. From handling clipboard operations to media controls, this list is sure to provide you with handy VueUse Composables to quickly add browser functionality to your Vue.js apps. - https://vuejsdevelopers.com/2023/06/05/5-awesome-browser-related-vueuse-composables-to-try-out/
#vue
5 Awesome VueUse Browser Related Composables
This article contains a curated list of Awesome handy browser related VueUse composable.
👍7