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
👍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
How Top-Level await Could Break Compatibility
Node 23 makes it possible to load ES modules transparently with require which is great, but.. only if the module being loaded isn’t using top-level await. One for package creators to think carefully about before backwards compatibility issues creep in! - https://evertpot.com/using-top-level-await-is-bc-break/
#nodejs
Node 23 makes it possible to load ES modules transparently with require which is great, but.. only if the module being loaded isn’t using top-level await. One for package creators to think carefully about before backwards compatibility issues creep in! - https://evertpot.com/using-top-level-await-is-bc-break/
#nodejs
Evertpot
In the future using top-level await might be cause a backwards compatibility break in Node
👍2
API Design: From Basics to Best Practices - https://blog.devgenius.io/api-design-from-basics-to-best-practices-49bbb29cf696
#api
#api
Medium
API Design: From Basics to Best Practices
Introduction
👍2
Best Practices for Fetching Data in Vue.js
Fetching data in Vue.js applications is a common task. By following best practices, we can make your code more efficient, maintainable, and robust. Here are some of the best practices and common ways for fetching data in Vue.js used by almost all Vue developers. - https://blog.jobins.jp/best-practices-for-fetching-data-in-vuejs
#vue
Fetching data in Vue.js applications is a common task. By following best practices, we can make your code more efficient, maintainable, and robust. Here are some of the best practices and common ways for fetching data in Vue.js used by almost all Vue developers. - https://blog.jobins.jp/best-practices-for-fetching-data-in-vuejs
#vue
JoBins Engineering
Best Practices for Fetching Data
The best practices and common ways for fetching data in Vue.js
👍3
An Abridged History of Safari Showstoppers
Roderick Gadellaa outlines some challenges developers face when working with Safari. - https://webventures.rejh.nl/blog/2024/history-of-safari-show-stoppers
#css
Roderick Gadellaa outlines some challenges developers face when working with Safari. - https://webventures.rejh.nl/blog/2024/history-of-safari-show-stoppers
#css
Webventures
An Abridged History of Safari Showstoppers - Webventures
TL;DR: iOS Safari is more than an inconvenience for developers, it's the fundamental reason interoperability has been stymied...
👍2
Angular Architecture for Large Web Applications
Optimizing monolithic Angular projects with libraries using Nx. - https://albertobasalo.medium.com/optimizing-the-architecture-of-large-web-applications-with-angular-79d03b01a92b
#angular
Optimizing monolithic Angular projects with libraries using Nx. - https://albertobasalo.medium.com/optimizing-the-architecture-of-large-web-applications-with-angular-79d03b01a92b
#angular
Medium
Angular Architecture for Large Web Applications
Optimizing monolithic Angular projects with libraries using Nx.
👍3❤1
Building an Image Search App with OpenAI CLIP, Postgres & React
A tutorial that brings together a lot of ideas in one place. CLIP is used to turn images into text descriptions. Postgres is used as a vector database. JavaScript provides the glue for both the frontend (with React) and backend (Node.js). - https://www.timescale.com/blog/how-to-build-an-image-search-application-with-openai-clip-postgresql-in-javascript/
#react
A tutorial that brings together a lot of ideas in one place. CLIP is used to turn images into text descriptions. Postgres is used as a vector database. JavaScript provides the glue for both the frontend (with React) and backend (Node.js). - https://www.timescale.com/blog/how-to-build-an-image-search-application-with-openai-clip-postgresql-in-javascript/
#react
Timescale Blog
How to Build an Image Search Application With OpenAI CLIP & PostgreSQL in JavaScript
See how you can build an image search engine using OpenAI CLIP and PostgreSQL for numerous applications, from e-commerce to healthcare and augmented reality.
👍2👏1
The Story of the Hono Web Framework
Hono is a lightweight framework designed to run on any JavaScript runtime that's been picking up steam in the past year. With it, you can create an app in a Express-like style but run it on Cloudflare Workers, Deno, Bun, or Node. - https://blog.cloudflare.com/the-story-of-web-framework-hono-from-the-creator-of-hono/
#nodejs
Hono is a lightweight framework designed to run on any JavaScript runtime that's been picking up steam in the past year. With it, you can create an app in a Express-like style but run it on Cloudflare Workers, Deno, Bun, or Node. - https://blog.cloudflare.com/the-story-of-web-framework-hono-from-the-creator-of-hono/
#nodejs
The Cloudflare Blog
The story of web framework Hono, from the creator of Hono
Hono is a web framework that is fast, lightweight, and built using the Web Standards API. Hear the story of Hono by the creator of Hono.
👍2