Getting Started with Astro for Vue Developers
Astro is a new content focused website builder that focuses on shipping less JavaScript. In this article, we will discuss how Vue.js developers can get started with Astro. - https://medium.com/vue-mastery/getting-started-with-astro-for-vue-developers-1714af8ed906
#vue
Astro is a new content focused website builder that focuses on shipping less JavaScript. In this article, we will discuss how Vue.js developers can get started with Astro. - https://medium.com/vue-mastery/getting-started-with-astro-for-vue-developers-1714af8ed906
#vue
Medium
Getting Started with Astro for Vue Developers
In this article, we will discuss how Vue.js developers can get started with Astro.
👍5❤3
Making Animated Tooltips with React and Framer Motion
Given there’s a fairly good chance tooltips could be the only ‘documentation’ that will actually get read, why not jazz them up a little? - https://sinja.io/blog/animated-tooltip-with-react-framer-motion
#react
Given there’s a fairly good chance tooltips could be the only ‘documentation’ that will actually get read, why not jazz them up a little? - https://sinja.io/blog/animated-tooltip-with-react-framer-motion
#react
sinja.io
Making animated tooltip with React and Framer Motion · OlegWock
Learn how to avoid common pitfals when building floating component and how to easily animate them.
👍3
Micro Front End
Before talking about the micro front end, it is necessary to talk about the structure it… - https://medium.com/@miracerdin/micro-front-end-920008484b1
#microfrontend
Before talking about the micro front end, it is necessary to talk about the structure it… - https://medium.com/@miracerdin/micro-front-end-920008484b1
#microfrontend
Medium
Micro Front End
Before talking about the micro front end, it is necessary to talk about the structure it inspired.Microservices.
👍8🤔1
Dark Mode in 3 Lines of CSS and Other Adventures
Mads Stoumann shows a simple way you can implement dark mode. - https://dev.to/madsstoumann/dark-mode-in-3-lines-of-css-and-other-adventures-1ljj
#css
Mads Stoumann shows a simple way you can implement dark mode. - https://dev.to/madsstoumann/dark-mode-in-3-lines-of-css-and-other-adventures-1ljj
#css
DEV Community
Dark Mode in 3 Lines of CSS and Other Adventures
Dark Mode is a design trend where the color scheme of a website is changed to a dark background with...
👍4
How to Build Leaner Node Container Images with UBI and Podman
UBI being Red Hat’s Universal Base Images. - https://developers.redhat.com/articles/2023/05/17/build-lean-nodejs-container-images-ubi-and-podman
#nodejs
UBI being Red Hat’s Universal Base Images. - https://developers.redhat.com/articles/2023/05/17/build-lean-nodejs-container-images-ubi-and-podman
#nodejs
Red Hat Developer
Build lean Node.js container images with UBI and Podman | Red Hat Developer
Building a container image for your Node.js application might sound like a trivial task, but there are some pitfalls you’ll want to avoid along the path to containerizing your application. It is all
👍4
Dynamic List Transitions in Vue
This article will review the various types of Vue.js list transitions and how to use them in your applications. We'll also go over some best practices for creating smooth and efficient list transitions. By the end of this article, you'll better understand how to use Vue.js to create dynamic list transitions. - https://dev.to/asayerio_techblog/dynamic-list-transitions-in-vue-2dda
#vue
This article will review the various types of Vue.js list transitions and how to use them in your applications. We'll also go over some best practices for creating smooth and efficient list transitions. By the end of this article, you'll better understand how to use Vue.js to create dynamic list transitions. - https://dev.to/asayerio_techblog/dynamic-list-transitions-in-vue-2dda
#vue
DEV Community
Dynamic List Transitions in Vue
by Chris Ebube Roland Vue.js is a powerful JavaScript framework that enables developers to easily...
👍3❤1
Design Patterns: Adapter Pattern in TypeScript
Easily Solve Interface Incompatibility Problems Using Adapter Pattern! - https://javascript.plainenglish.io/design-patterns-adapter-pattern-in-typescript-4b7ad3c1c234
#typescript
Easily Solve Interface Incompatibility Problems Using Adapter Pattern! - https://javascript.plainenglish.io/design-patterns-adapter-pattern-in-typescript-4b7ad3c1c234
#typescript
Medium
Design Patterns: Adapter Pattern in TypeScript
Easily Solve Interface Incompatibility Problems Using Adapter Pattern!
👍6
Next.js 13.4 Released
Despite the minor version bump, this is a big release for the popular React framework. The new app router and its improved approach to filesystem based routing is now offered as a stable feature, with a new concept of server actions being introduced in alpha as a way to mutate data on the server without needing to create an in-between API layer. - https://nextjs.org/blog/next-13-4
#react
Despite the minor version bump, this is a big release for the popular React framework. The new app router and its improved approach to filesystem based routing is now offered as a stable feature, with a new concept of server actions being introduced in alpha as a way to mutate data on the server without needing to create an in-between API layer. - https://nextjs.org/blog/next-13-4
#react
nextjs.org
Next.js 13.4
Next.js 13.4 moves App Router to stable, Turbopack to beta, and introduces experimental support for Server Actions.
👍3
How to Create a Complex Form in Angular?
This blog will go through steps to create a pretty complex checkout form in Angular. - https://emilyxiong.medium.com/how-to-create-a-complex-form-in-angular-bdfaee0464d3
#angular
This blog will go through steps to create a pretty complex checkout form in Angular. - https://emilyxiong.medium.com/how-to-create-a-complex-form-in-angular-bdfaee0464d3
#angular
Medium
How to Create a Complex Form in Angular?
This blog will go through steps to create a pretty complex checkout form in Angular.
👍3
Laravel 10 and Nuxt 3 — Setup SSR with authentication from scratch
In this article, explore how to combine the latest versions of 2 of the best frameworks, Laravel 10 and Nuxt 3 and setup a Server-Side Rendered authentication feature from scratch. - https://manchenkoff.medium.com/laravel-10-and-nuxt-3-setup-ssr-with-authentication-from-scratch-497ab1a3fc56
#vue
In this article, explore how to combine the latest versions of 2 of the best frameworks, Laravel 10 and Nuxt 3 and setup a Server-Side Rendered authentication feature from scratch. - https://manchenkoff.medium.com/laravel-10-and-nuxt-3-setup-ssr-with-authentication-from-scratch-497ab1a3fc56
#vue
Medium
Laravel 10 and Nuxt 3 — Setup SSR with authentication from scratch
Here we will take a look at the process of building a project based on two trendy frameworks — Laravel and Nuxt.
👍4
Register custom properties in CSS, get and update them with JavaScript
Ollie Williams looks at two different ways to get the value of a CSS custom property and set or override the value of a custom property using JavaScript. - https://fullystacked.net/posts/custom-properties
#css
Ollie Williams looks at two different ways to get the value of a CSS custom property and set or override the value of a custom property using JavaScript. - https://fullystacked.net/posts/custom-properties
#css
👍4
A Guide to Visual Regression Testing with Playwright
The Playwright browser control library can form the basis of an end-to-end testing mechanism all written in JavaScript, and comparing the visual output of tests can show where things are going wrong. - https://lost-pixel.com/blog/post/playwright-visual-regression-testing
#nodejs
The Playwright browser control library can form the basis of an end-to-end testing mechanism all written in JavaScript, and comparing the visual output of tests can show where things are going wrong. - https://lost-pixel.com/blog/post/playwright-visual-regression-testing
#nodejs
👍5
Tree Shaking in Angular
In a gentle way, you can shake the world! - https://javascript.plainenglish.io/angular-regime-series-tree-shaking-technique-3dc07f5e85a1
#angular
In a gentle way, you can shake the world! - https://javascript.plainenglish.io/angular-regime-series-tree-shaking-technique-3dc07f5e85a1
#angular
Medium
Angular Regime Series: Tree Shaking Technique
In a gentle way, you can shake the world!
👍5👎1
Forwarded from Elena
In a time of market volatility, when BigTech companies are downsizing their teams, it is crucial to find the right balance between hiring career starters and experienced professionals in order to optimize your team's growth and achieve high performance.
Join us on June 21st at 20:00 GMT for a discussion on tips for building urgent hiring pipelines, case studies on outsourcing and outstaffing, and the optimal junior engineer ratio in a team. Our speaker, Alexander, is a Tech Unit Lead at Avito. Effective team growth and management are at the center of his role as he builds teams that deliver tangible product increments, resulting in increased profitability.
The webinar will be useful for team leaders, managers involved in the hiring process, as well as recruiters and HR professionals.
Don't miss out on this opportunity to learn how to navigate an unstable and unpredictable hiring market.
#teamgrowth #highperformance #hiringtips #marketvolatility
Please open Telegram to view this post
VIEW IN TELEGRAM
👍5
How to Structure Your Next.js App with the New App Router
Learn how to organize your modern Next.js project using a feature-driven structure with the new App Router which, the author asserts, enables greater flexibility and efficiency in development. - https://betterprogramming.pub/how-to-structure-your-next-js-app-with-the-new-app-router-61bf2bf5a20d
#react
Learn how to organize your modern Next.js project using a feature-driven structure with the new App Router which, the author asserts, enables greater flexibility and efficiency in development. - https://betterprogramming.pub/how-to-structure-your-next-js-app-with-the-new-app-router-61bf2bf5a20d
#react
Medium
How to Structure Your Next.js App With the New App Router
Learn how to organize your Next.js project using a feature-driven structure with the new App Router, allowing for greater flexibility and…
👍7❤1
Ranger: Use a Range-Like Syntax for Anything?
const numbers = 1[[...8]], anyone? This is a neat trick for a bit of syntactic sugar, but I’m not sure it would pass the sniff test for most teams. You might find the implementation interesting to check out though. Long may this sort of experimentation continue. - https://dev.to/jonrandy/ranger-js-range-syntax-for-anything-4djc
#javascript
const numbers = 1[[...8]], anyone? This is a neat trick for a bit of syntactic sugar, but I’m not sure it would pass the sniff test for most teams. You might find the implementation interesting to check out though. Long may this sort of experimentation continue. - https://dev.to/jonrandy/ranger-js-range-syntax-for-anything-4djc
#javascript
DEV Community
Ranger: JS Range Syntax for Anything
Following on from my little experiment with a basic number range syntax in JS, I decided (as with...
👍6❤2
Linting Defensive and Logical CSS With Stylelint Plugins
Daniel Yuschick explores using Stylelint plugins to help us adopt and enforce defensive and logical CSS practices. - https://blog.logrocket.com/linting-defensive-logical-css-stylelint-plugins
#css
Daniel Yuschick explores using Stylelint plugins to help us adopt and enforce defensive and logical CSS practices. - https://blog.logrocket.com/linting-defensive-logical-css-stylelint-plugins
#css
LogRocket Blog
Linting defensive and logical CSS with Stylelint plugins - LogRocket Blog
In this article, we’ll explore using Stylelint plugins to help us adopt and enforce defensive and logical CSS practices.
👍5❤1
Server-Sent Events with Node
Server-Sent Events (SSE) enable a web server to send real-time updates to the client but without the two-way connection overhead of WebSockets. - https://blog.endpts.io/server-sent-events-with-nodejs
#nodejs
Server-Sent Events (SSE) enable a web server to send real-time updates to the client but without the two-way connection overhead of WebSockets. - https://blog.endpts.io/server-sent-events-with-nodejs
#nodejs
❤6👍1
Nuxt-scheduler: A server side scheduling module for Nuxt 3
Add Scheduled cron jobs within your Nuxt 3 server with Nuxt Scheduler. This blog post provides a simple get-started guide to using this exciting Nuxt 3 server-side module to schedule tasks in your application - https://vuejsfeed.com/blog/nuxt-scheduler-a-server-side-scheduling-module-for-nuxt-3
#vue
Add Scheduled cron jobs within your Nuxt 3 server with Nuxt Scheduler. This blog post provides a simple get-started guide to using this exciting Nuxt 3 server-side module to schedule tasks in your application - https://vuejsfeed.com/blog/nuxt-scheduler-a-server-side-scheduling-module-for-nuxt-3
#vue
Vue.js Feed
Nuxt-scheduler: A server side scheduling module for Nuxt 3
Create scheduled jobs with human readable time settings
👍5❤1