Angular 18: Revolutionizing Web Development with Cutting-Edge Features
Angular 18, expected to be released in May 2024, introduces several new features and enhancements aimed at… - https://waqasahmeddev.medium.com/angular-18-revolutionizing-web-development-with-cutting-edge-features-1db3275a6199
#angular
Angular 18, expected to be released in May 2024, introduces several new features and enhancements aimed at… - https://waqasahmeddev.medium.com/angular-18-revolutionizing-web-development-with-cutting-edge-features-1db3275a6199
#angular
Medium
Angular 18: Revolutionizing Web Development with Cutting-Edge Features
Angular 18, expected to be released in May 2024, introduces several new features and enhancements aimed at improving developer experience…
👍2
React Compiler Beta Release
Five months ago we got our first official introduction to React Compiler, a new approach to improving React app performance by optimizing code at build time. It’s now a step closer, and React 17+ users and library maintainers are encouraged to give it a spin. - https://react.dev/blog/2024/10/21/react-compiler-beta-release
#react
Five months ago we got our first official introduction to React Compiler, a new approach to improving React app performance by optimizing code at build time. It’s now a step closer, and React 17+ users and library maintainers are encouraged to give it a spin. - https://react.dev/blog/2024/10/21/react-compiler-beta-release
#react
react.dev
React Compiler Beta Release – React
The library for web and native user interfaces
👍3
Types Vs Interfaces in TypeScript
TypeScript is full of surprises and some behaviors are only native to TypeScript. - https://javascript.plainenglish.io/types-vs-interfaces-in-typescript-053a3d6c4dc1
#typescript
TypeScript is full of surprises and some behaviors are only native to TypeScript. - https://javascript.plainenglish.io/types-vs-interfaces-in-typescript-053a3d6c4dc1
#typescript
Medium
Types Vs Interfaces in TypeScript
TypeScript is full of surprises and some behaviors are only native to TypeScript.
👍5
Is the sticky thing stuck? Is the snappy item snapped? A look at state queries in CSS
Brecht De Ruyte shares first impressions and demos with state queries in CSS and Scroll Snap events in JavaScript. - https://utilitybend.com/blog/is-the-sticky-thing-stuck-is-the-snappy-item-snapped-a-look-at-state-queries-in-css
#css
Brecht De Ruyte shares first impressions and demos with state queries in CSS and Scroll Snap events in JavaScript. - https://utilitybend.com/blog/is-the-sticky-thing-stuck-is-the-snappy-item-snapped-a-look-at-state-queries-in-css
#css
Utilitybend
Is the sticky thing stuck? Is the snappy item snapped? A look at state queries in CSS | utilitybend
Excited to finally explore CSS state queries and Scroll Snap events. This article will showcase initial impressions and demos using these features.
👍3
Building a WhatsApp Chat Clone with Nest.js
In this article we are going to implement a sending and receiving messages feature for following whatsapp UI… - https://medium.com/@ChanakaDev/building-a-whatsapp-chat-clone-with-nest-js-320c996ad2ce
#nodejs
In this article we are going to implement a sending and receiving messages feature for following whatsapp UI… - https://medium.com/@ChanakaDev/building-a-whatsapp-chat-clone-with-nest-js-320c996ad2ce
#nodejs
Medium
Building a WhatsApp Chat Clone with Nest.js
In this article we are going to implement a sending and receiving messages feature for following whatsapp UI with Nest.js
👍6
How to Read and Write Cookies in Nuxt 3
Learn how to read, write and manage cookies in Nuxt 3 using the useCookie built-in composable. - https://masteringnuxt.com/blog/how-to-read-and-write-cookies-in-nuxt-3
#vue
Learn how to read, write and manage cookies in Nuxt 3 using the useCookie built-in composable. - https://masteringnuxt.com/blog/how-to-read-and-write-cookies-in-nuxt-3
#vue
Masteringnuxt
How to Read and Write Cookies in Nuxt 3
Learn how to read, write and manage cookies in Nuxt 3 using the useCookie built-in composable.
👍3
JS Explained: Symbol.dispose and Symbol.asyncDispose
Unlock the secrets of Symbol.dispose and Symbol.asyncDispose for effective resource management in JavaScript. - https://medium.aegis-techno.fr/js-explained-symbol-dispose-and-symbol-asyncdispose-cdd48c7d7f4b
#javascript
Unlock the secrets of Symbol.dispose and Symbol.asyncDispose for effective resource management in JavaScript. - https://medium.aegis-techno.fr/js-explained-symbol-dispose-and-symbol-asyncdispose-cdd48c7d7f4b
#javascript
Medium
JS Explained: Symbol.dispose and Symbol.asyncDispose
Unlock the secrets of Symbol.dispose and Symbol.asyncDispose for effective resource management in JavaScript.
👍4
Creating Angular Components: Template-First Declarative Approach
This article explains how to build a reactive and reusable Angular component in a declarative way, using a… - https://medium.com/@eugeniyoz/creating-angular-components-template-first-declarative-approach-00c4a4791270
#angular
This article explains how to build a reactive and reusable Angular component in a declarative way, using a… - https://medium.com/@eugeniyoz/creating-angular-components-template-first-declarative-approach-00c4a4791270
#angular
Medium
Creating Angular Components: Template-First Declarative Approach
This article explains how to build a reactive and reusable Angular component in a declarative way, using a “template-first” approach.
👍4
Bad questions for Senior Frontend Dev Interview
How the interview process has turned into a generic ChatGPT template - https://medium.com/@maks-dolgikh/bad-questions-for-senior-frontend-dev-interview-2c94dd937d75
#interview
How the interview process has turned into a generic ChatGPT template - https://medium.com/@maks-dolgikh/bad-questions-for-senior-frontend-dev-interview-2c94dd937d75
#interview
Medium
Bad questions for Senior Frontend Dev Interview
How the interview process has turned into a generic ChatGPT template
👍3🔥1😁1
Next.js 15 Released
Last week was a big week for the popular (some may even argue default?) React framework with Next.js Conf taking place (more on that later) and this major release. It includes a codemod CLI for easier upgrading, async request APIs, alignment with React 19, and more. - https://nextjs.org/blog/next-15
#react
Last week was a big week for the popular (some may even argue default?) React framework with Next.js Conf taking place (more on that later) and this major release. It includes a codemod CLI for easier upgrading, async request APIs, alignment with React 19, and more. - https://nextjs.org/blog/next-15
#react
nextjs.org
Next.js 15
Next.js 15 introduces React 19 support, caching improvements, a stable release for Turbopack in development, new APIs, and more.
👍6❤1
How to Build Your Own Vue-like Reactivity System from Scratch
In this tutorial, the author explains Vue's reactivity by building our own versions of ref() and watchEffect(). Gain a deeper understanding of reactive programming in frontend development. - https://dev.to/alexanderop/how-to-build-your-own-vue-like-reactivity-system-from-scratch-1d2d
#vue
In this tutorial, the author explains Vue's reactivity by building our own versions of ref() and watchEffect(). Gain a deeper understanding of reactive programming in frontend development. - https://dev.to/alexanderop/how-to-build-your-own-vue-like-reactivity-system-from-scratch-1d2d
#vue
DEV Community
How to Build Your Own Vue-like Reactivity System from Scratch
Introduction Understanding the core of modern Frontend frameworks is crucial for every web...
👍4
Building the Perfect Logo Strip
Nils Binder shows a clever technique to create a visually balanced row of logos. - https://9elements.com/blog/building-the-perfect-logo-strip
#css
Nils Binder shows a clever technique to create a visually balanced row of logos. - https://9elements.com/blog/building-the-perfect-logo-strip
#css
9elements
Building the Perfect Logo Strip - 9elements
Combining finest craftsmanship with elegant design to ship innovative digital experiences.
👍2
Stop using @ViewChild
Explore how to use attribute directives in Angular to handle direct DOM access efficiently, avoiding common… - https://medium.com/@rk22mar/stop-using-viewchild-36479592bef7
#angular
Explore how to use attribute directives in Angular to handle direct DOM access efficiently, avoiding common… - https://medium.com/@rk22mar/stop-using-viewchild-36479592bef7
#angular
Medium
Part 1: Stop using @ViewChild
Explore how to use attribute directives in Angular to handle direct DOM access efficiently, avoiding common pitfalls with @ViewChild.
👍2
Using shadcn/ui with Next.js 15 and React 19
Fresh, valuable documentation from the shadcn/ui project on the specifics of using the popular component library with React 19 generally, though with a slight emphasis on Next.js 15. - https://ui.shadcn.com/docs/react-19
#react
Fresh, valuable documentation from the shadcn/ui project on the specifics of using the popular component library with React 19 generally, though with a slight emphasis on Next.js 15. - https://ui.shadcn.com/docs/react-19
#react
Shadcn
Next.js 15 + React 19
Using shadcn/ui with Next.js 15 and React 19.
👍4🔥1
Introducing Express v5: The Official Express v5 Release Post
We first spied the release of Express.js v5 over a month ago but now we get an official release post that tidies up a lot of loose ends and explains the broad plan. For now, v5 is considered a bleeding edge release with work still required in areas of security and overall process, but things are broadly progressing well. - https://expressjs.com/2024/10/15/v5-release.html
#nodejs
We first spied the release of Express.js v5 over a month ago but now we get an official release post that tidies up a lot of loose ends and explains the broad plan. For now, v5 is considered a bleeding edge release with work still required in areas of security and overall process, but things are broadly progressing well. - https://expressjs.com/2024/10/15/v5-release.html
#nodejs
Expressjs
Introducing Express v5: A New Era for the Node.js Framework
Announcing the release of Express version 5
👍3❤1
Redirects in Nuxt 3
This video demonstrates how to build custom redirects in Nuxt 3, covering both simple and complex redirect scenarios. It explores the use of route rules and Nitro middleware for creating redirects. - https://www.youtube.com/watch?v=ALQcCDEusjI
#vue
This video demonstrates how to build custom redirects in Nuxt 3, covering both simple and complex redirect scenarios. It explores the use of route rules and Nitro middleware for creating redirects. - https://www.youtube.com/watch?v=ALQcCDEusjI
#vue
YouTube
Redirects in Nuxt 3
Redirects are essential for web applications, at least at some point when a migration has to happen or SEO should be improved by having more descriptive URLs.
#nuxt #vue
---
Links and Resources:
🔗 10% Off for vuejs.de Conf with Code LICHTER https://c…
#nuxt #vue
---
Links and Resources:
🔗 10% Off for vuejs.de Conf with Code LICHTER https://c…
👍2
Split Effects with no Content Duplication
Ana Tudor explains in detail how to create a split effect without content duplication. - https://frontendmasters.com/blog/split-effects-with-no-content-duplication
#css
Ana Tudor explains in detail how to create a split effect without content duplication. - https://frontendmasters.com/blog/split-effects-with-no-content-duplication
#css
Frontend Masters
Split Effects with no Content Duplication
A recent post here lead me to another called The Magic of Clip Path by Emil Kowalski, which focuses on the inset() basic shape in particular. While I agree that clip-path is a very useful property and the inset() basic shape is underrated and underused on…
👍2
Understand the Theory behind Clean Architecture
What is Clean Architecture and why it’s desperately needed - https://levelup.gitconnected.com/understand-the-theory-behind-clean-architecture-4d4b4e9bfcb3
#architecture
What is Clean Architecture and why it’s desperately needed - https://levelup.gitconnected.com/understand-the-theory-behind-clean-architecture-4d4b4e9bfcb3
#architecture
Medium
Understand the Theory behind Clean Architecture
What is Clean Architecture and why it’s desperately needed
👍3
Next.js' Journey with Caching
A description of a new experimental (aimed at those who are “feeling adventurous” for now) mode that builds on just two concepts: Suspense and use cache. - https://nextjs.org/blog/our-journey-with-caching
#react
A description of a new experimental (aimed at those who are “feeling adventurous” for now) mode that builds on just two concepts: Suspense and use cache. - https://nextjs.org/blog/our-journey-with-caching
#react
nextjs.org
Our Journey with Caching
Learn about our journey with caching in Next.js App Router.
👍2
Angular: A real and simple use-case for understanding HttpContext and its…
Have you faced this scenario, where you want to perform actions like caching, not showing spinners, tracking… - https://javascript.plainenglish.io/angular-a-real-and-simple-use-case-for-understanding-httpcontext-and-its-alternative-in-lower-65dc1ceeeaa4
#angular
Have you faced this scenario, where you want to perform actions like caching, not showing spinners, tracking… - https://javascript.plainenglish.io/angular-a-real-and-simple-use-case-for-understanding-httpcontext-and-its-alternative-in-lower-65dc1ceeeaa4
#angular
Medium
Angular: A real and simple use-case for understanding HttpContext and its alternative in lower…
Have you faced this scenario, where you want to perform actions like caching, not showing spinners, tracking errors etc for all…
👍3