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
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
Medium
Vue 3 Real Life Transitions and Micro-Interactions
Vue provides a simple and elegant way of handling animations. You can easily apply them by adding a <transition /> directive that does all…
🔥4👍2
6 CSS Snippets Every Front-End Developer Should Know in 2023
Adam Argyle shares a number of handy CSS tips. - https://web.dev/6-css-snippets-every-front-end-developer-should-know-in-2023
#css
Adam Argyle shares a number of handy CSS tips. - https://web.dev/6-css-snippets-every-front-end-developer-should-know-in-2023
#css
web.dev
6 CSS snippets every front-end developer should know in 2023 | Articles | web.dev
Toolbelt worthy, powerful, and stable CSS you can use today.
👍5🔥3
Code Review Checklist
Having a checklist is an essential part of a development team. It will help us to streamline our code review… - https://vinuvasudev.medium.com/code-review-checklist-bab2bd65a729
#coderiview #checklist
Having a checklist is an essential part of a development team. It will help us to streamline our code review… - https://vinuvasudev.medium.com/code-review-checklist-bab2bd65a729
#coderiview #checklist
Medium
Code Review Checklist
Having a checklist is an essential part of a development team. It will help us to streamline our code review and helps to focus on our…
👍8❤4
The State of Node.js 2023
One of This Dot Media’s occasional livestreams where they bring together well known names from a particular area to talk about the state of a technology. This time, James Snell, Beth Griggs, Michael Dawson, and Matteo Collina logged on to talk about all things Node related including the imminent release of Node 20, the importance of the working groups, security, certifications, and more. - https://www.youtube.com/watch?v=Yl5mVte-wdw
#nodejs
One of This Dot Media’s occasional livestreams where they bring together well known names from a particular area to talk about the state of a technology. This time, James Snell, Beth Griggs, Michael Dawson, and Matteo Collina logged on to talk about all things Node related including the imminent release of Node 20, the importance of the working groups, security, certifications, and more. - https://www.youtube.com/watch?v=Yl5mVte-wdw
#nodejs
YouTube
State of node.js 2023
In this month’s State of The Web event, we’re bringing you the State of node.js. We’ll be discussing updates, LTS releases and APIs with node.js maintainers, technical steering committee members and collaborators. Join us live and get the opportunity to learn…
👍4
Where Did Hooks Come From?
With apologies to the philosopher Santayana, “those who cannot remember the past are condemned to repeat it”. So here’s a quick history lesson on from whence React hooks came, lest we start going ‘round in circles. - https://reacttraining.com/blog/where-did-hooks-come-from
#react
With apologies to the philosopher Santayana, “those who cannot remember the past are condemned to repeat it”. So here’s a quick history lesson on from whence React hooks came, lest we start going ‘round in circles. - https://reacttraining.com/blog/where-did-hooks-come-from
#react
ReactTraining.com
Where did Hooks come from?
React Corporate Workshops, Training, and Consulting
👍5❤1👎1
Router’s loadChildren Callback Doesn’t Have To Be A Fat-Arrow In Angular 14 - https://www.bennadel.com/blog/4336-routers-loadchildren-callback-doesnt-have-to-be-a-fat-arrow-in-angular-14.htm
#angular
#angular
Bennadel
Router's loadChildren Callback Doesn't Have To Be A Fat-Arrow In Angular 14
Ben Nadel demonstrates that lazy-loaded routes in Angular 14 doesn't have to use a Fat-arrow syntax, even if that's what the documentation indicates.
❤3👍2
Trigonometric Functions in CSS
Bramus Van Damme shows how to calculate the sine, cosine, tangent, and more in CSS. - https://web.dev/css-trig-functions
#css
Bramus Van Damme shows how to calculate the sine, cosine, tangent, and more in CSS. - https://web.dev/css-trig-functions
#css
web.dev
Trigonometric functions in CSS | Articles | web.dev
Calculate the sine, cosine, tangent, and more in CSS.
👍5
My 9 Favorite Design Patterns in JavaScript
Design patterns are reusable solutions for common problems that occur during software development. Here are… - https://blog.bitsrc.io/my-9-favorite-design-patterns-in-javascript-9d2a09651d08
#patterns
Design patterns are reusable solutions for common problems that occur during software development. Here are… - https://blog.bitsrc.io/my-9-favorite-design-patterns-in-javascript-9d2a09651d08
#patterns
Medium
My 9 Favorite Design Patterns in JavaScript
Design patterns are reusable solutions for common problems that occur during software development. Here are my 9 favorites for JavaScript
👍5
Integrate reCaptcha V3 on Nuxt3 app
ReCAPTCHA is a free CAPTCHA system provided by Google and by adding reCAPTCHA to a site, web hosts can distinguish between human and automated access, which enables them to block automated software while helping their welcome users to enter with ease. Learn all about adding the Google recaptcha feature to your Nuxt 3 application. - https://dev.to/elquimeras/integrate-recaptcha-v3-on-nuxt3-app-1gma
#vue
ReCAPTCHA is a free CAPTCHA system provided by Google and by adding reCAPTCHA to a site, web hosts can distinguish between human and automated access, which enables them to block automated software while helping their welcome users to enter with ease. Learn all about adding the Google recaptcha feature to your Nuxt 3 application. - https://dev.to/elquimeras/integrate-recaptcha-v3-on-nuxt3-app-1gma
#vue
DEV Community
Integrate reCaptcha V3 on Nuxt3 app
“CAPTCHA” stands for “Completely Automated Public Turing test to tell Computers and Humans...
👍2👏2❤1
11 Advanced React Interview Questions you should absolutely know
Are you preparing for a React interview and wondering what advanced questions might be asked? Destiny brought… - https://tapajyoti-bose.medium.com/11-advanced-react-interview-questions-you-should-absolutely-know-with-detailed-answers-e306083ecb7d
#react #interview
Are you preparing for a React interview and wondering what advanced questions might be asked? Destiny brought… - https://tapajyoti-bose.medium.com/11-advanced-react-interview-questions-you-should-absolutely-know-with-detailed-answers-e306083ecb7d
#react #interview
Medium
11 Advanced React Interview Questions you should absolutely know (with detailed answers)
Are you preparing for a React interview and wondering what advanced questions might be asked? Destiny brought you to the right place…
👍7🥰2
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