Overflow Clip
Ahmad Shadeed created a detailed guide on how overflow: clip works in CSS. - https://ishadeed.com/article/overflow-clip
#css
Ahmad Shadeed created a detailed guide on how overflow: clip works in CSS. - https://ishadeed.com/article/overflow-clip
#css
Ishadeed
Overflow Clip
Learn how overflow: clip works in CSS.
👍4
Building React Forms with Ease Using React Hook Form, Zod and Shadcn
I exaggerate, but it seems there are almost as many ways to create forms in React as there React developers, but here’s one developer’s clean, modern approach. - https://wasp-lang.dev/blog/2024/11/20/building-react-forms-with-ease-using-react-hook-form-and-zod
#react
I exaggerate, but it seems there are almost as many ways to create forms in React as there React developers, but here’s one developer’s clean, modern approach. - https://wasp-lang.dev/blog/2024/11/20/building-react-forms-with-ease-using-react-hook-form-and-zod
#react
wasp.sh
Building React Forms with Ease Using React Hook Form, Zod and Shadcn | Wasp
Forms are something every developer encounters, whether as a user or on the developer side. They’re essential on most websites, but their complexity can vary wildly—from simple 3-field contact forms to giga-monster-t-rex, multi-page forms with 150 fields…
👍5
Talk to ChatGPT via a Phone Call
It requires some third party services like Twilio, AssemblyAI and, of course, OpenAI’s GPT 4, but you can tie all of these together with Node for a pretty neat demo. - https://www.assemblyai.com/blog/talk-to-chatgpt-on-a-phone-call/
#nodejs
It requires some third party services like Twilio, AssemblyAI and, of course, OpenAI’s GPT 4, but you can tie all of these together with Node for a pretty neat demo. - https://www.assemblyai.com/blog/talk-to-chatgpt-on-a-phone-call/
#nodejs
Assemblyai
Talk to ChatGPT on a Phone Call
Learn how to build a Speech AI app that lets you talk to ChatGPT over the phone.
👍6
Angular: making bridges between HttpClient and Signals
Ever since the 18th release and the new upcoming releases of the Angular framework, the entire Angular…
- https://medium.com/@IgorPak-dev/angular-making-bridges-between-httpclient-and-signals-a7a50c15ad9b
#angular
Ever since the 18th release and the new upcoming releases of the Angular framework, the entire Angular…
- https://medium.com/@IgorPak-dev/angular-making-bridges-between-httpclient-and-signals-a7a50c15ad9b
#angular
Medium
Angular: making bridges between HttpClient and Signals
Ever since the 18th release and the new upcoming releases of the Angular framework, the entire Angular community has been experiencing…
👍4
Minimalist Nuxt Authentication
In this article, dive into the Nuxt Auth Utils module, its features, and how to get started with using it in your Nuxt projects. - https://www.vuemastery.com/blog/minimalist-nuxt-authentication/#oauth-providers
#vue
In this article, dive into the Nuxt Auth Utils module, its features, and how to get started with using it in your Nuxt projects. - https://www.vuemastery.com/blog/minimalist-nuxt-authentication/#oauth-providers
#vue
Vue Mastery
Minimalist Nuxt Authentication
Verifying user identity is crucial for protecting sensitive data. Learn how Nuxt Auth Utils provides a minimalist authentication module for Nuxt, offering Vue composables and server utils for implementing authentication on your own.
👍3
How to debug RxJs code with Angular?
RxJs is the most challenging library of the Angular ecosystem because of its syntax, numerous operators, and… - https://blog.angulartraining.com/how-to-debug-rxjs-code-with-angular-0151fb2283dd
#angular
RxJs is the most challenging library of the Angular ecosystem because of its syntax, numerous operators, and… - https://blog.angulartraining.com/how-to-debug-rxjs-code-with-angular-0151fb2283dd
#angular
Medium
How to debug RxJs code with Angular?
RxJs is the most challenging library of the Angular ecosystem because of its syntax, numerous operators, and the asynchronous mindset…
👍4🔥1
A Look At “use cache”, Next.js's Latest Take on Data Caching
Explained in Jack’s usual tight, expertful fashion. - https://www.youtube.com/watch?v=ZDRGEewXkrs
#react
Explained in Jack’s usual tight, expertful fashion. - https://www.youtube.com/watch?v=ZDRGEewXkrs
#react
YouTube
“use cache” NextJS’s latest take on data caching
NextJS 15 has three different ways to handle data caching. Let's take a look at all three ways to cache data in your React app to get the best performance you can.
Code: https://github.com/jherr/three-nextjs-caching-variations
CacheLife: https://nextjs.…
Code: https://github.com/jherr/three-nextjs-caching-variations
CacheLife: https://nextjs.…
👍2
View Transitions API: Single Page Apps Without a Framework
Umar Hansa shares a practical guide to View Transitions. - https://www.debugbear.com/blog/view-transitions-spa-without-framework
#css
Umar Hansa shares a practical guide to View Transitions. - https://www.debugbear.com/blog/view-transitions-spa-without-framework
#css
Debugbear
View Transition API: Single Page Apps Without a Framework | DebugBear
An introduction to View Transitions, a modern web platform feature to improve user experience and perceived performance
👍3
How to Read Files Quickly in Node and vs Bun - https://lemire.me/blog/2024/03/12/how-to-read-files-quickly-in-javascript/
#nodejs
#nodejs
👍4
Exploring JavaScript Symbols
Symbols were a new ‘quirky little primitive’ (as Trevor puts it) that arrived with ES6 ten years ago, but they continue to be poorly understood. Trevor boils them down really well, including a little side quest into the likely-to-be-deprecated ‘species.’ - https://www.trevorlasn.com/blog/symbols-in-javascript
#javascript
Symbols were a new ‘quirky little primitive’ (as Trevor puts it) that arrived with ES6 ten years ago, but they continue to be poorly understood. Trevor boils them down really well, including a little side quest into the likely-to-be-deprecated ‘species.’ - https://www.trevorlasn.com/blog/symbols-in-javascript
#javascript
Exploring JavaScript Symbols
Deep dive into JavaScript Symbols - what they are, why they matter, and how to use them effectively
👍4
Angular 18 — Zoneless & Change Detection
Clear examples of change detection on different application triggers. Click, Input + NgModel, AsyncPipe… - https://itnext.io/angular-18-zoneless-change-detection-381bfdcdd13e
#angular
Clear examples of change detection on different application triggers. Click, Input + NgModel, AsyncPipe… - https://itnext.io/angular-18-zoneless-change-detection-381bfdcdd13e
#angular
Medium
Angular 18 — Zoneless & Change Detection
Clear examples of change detection on different application triggers. Click, Input + NgModel, AsyncPipe, Signal, Web API — setInterval
👍6
Google OAuth in React: A Beginner’s Guide to Authentication - https://marmelab.com/blog/2024/11/18/google-authentication-react.html
#react
#react
Marmelab
Google OAuth in React: A Beginner’s Guide to Authentication
How to use Google Identity Services as the authentication provider in a React application, a step-by-step tutorial.
👍6
Understanding Security in Angular Applications: Best Practices and…
In the modern web development landscape, security is a critical aspect that cannot be overlooked. With the… - https://medium.com/@rakesh.mr.0341/understanding-security-in-angular-applications-best-practices-and-implementation-edc773863d8a
#angular
In the modern web development landscape, security is a critical aspect that cannot be overlooked. With the… - https://medium.com/@rakesh.mr.0341/understanding-security-in-angular-applications-best-practices-and-implementation-edc773863d8a
#angular
Medium
Understanding Security in Angular Applications: Best Practices and Implementation
In the modern web development landscape, security is a critical aspect that cannot be overlooked. With the rise of sophisticated cyber threats, ensuring the safety of user data and application…
👍5
Come to the light-dark() Side
Sara Joy demonstrates modern CSS features that make respecting user color scheme preferences trivial. - https://css-tricks.com/come-to-the-light-dark-side
#css
Sara Joy demonstrates modern CSS features that make respecting user color scheme preferences trivial. - https://css-tricks.com/come-to-the-light-dark-side
#css
CSS-Tricks
Come to the light-dark() Side | CSS-Tricks
Dark mode interfaces have matured a lot in the past few years. We all know the "traditional" approach using media queries but in this article, Sara Joy demonstrates modern CSS features that make respecting user color scheme preferences pretty darn easy.
👍4
Controlling When Components are Loaded in Nuxt
Explore how to optimize your Nuxt app’s performance by controlling when components load. Learn about lazy components, prefetching, and making components asynchronous to enhance user experience and reduce initial load times. - https://masteringnuxt.com/blog/controlling-when-components-are-loaded-in-nuxt
#vue
Explore how to optimize your Nuxt app’s performance by controlling when components load. Learn about lazy components, prefetching, and making components asynchronous to enhance user experience and reduce initial load times. - https://masteringnuxt.com/blog/controlling-when-components-are-loaded-in-nuxt
#vue
Masteringnuxt
Controlling When Components are Loaded in Nuxt
Explore how to optimize your Nuxt app’s performance by controlling when components load. Learn about lazy components, prefetching, and making components asynchronous to enhance user experience and reduce initial load times.
👍4
Feature-Based React Architecture
“In a feature-based architecture, each feature is decoupled from the others as much as possible. This way we can keep the components and their data fetching functions focused on their domain.” - https://www.robinwieruch.de/react-feature-architecture/
#react
“In a feature-based architecture, each feature is decoupled from the others as much as possible. This way we can keep the components and their data fetching functions focused on their domain.” - https://www.robinwieruch.de/react-feature-architecture/
#react
www.robinwieruch.de
Feature-based React Architecture
How to create a feature-based React architecture that allows large scale applications ...
👍2
Most-Used Distributed System Design Patterns
Distributed system design patterns provide architects and developers with proven solutions and best practices… - https://medium.com/javarevisited/most-used-distributed-system-patterns-d5d90ffedf33
#system #design #patterns
Distributed system design patterns provide architects and developers with proven solutions and best practices… - https://medium.com/javarevisited/most-used-distributed-system-patterns-d5d90ffedf33
#system #design #patterns
Medium
Most-Used Distributed System Design Patterns
Distributed system design patterns provide architects and developers with proven solutions and best practices for designing and…
👍2
At Last! Simple Details/Summary Animation With Pure CSS
Kevin Powell shows how to easily animate details/summary elements using modern CSS. - https://www.youtube.com/watch?v=Vzj3jSUbMtI
#css
Kevin Powell shows how to easily animate details/summary elements using modern CSS. - https://www.youtube.com/watch?v=Vzj3jSUbMtI
#css
YouTube
Animate details & summary with a few lines of CSS
If you’ve ever used a details/summary, you’ve definitely wished there was an easy way to animate them opening and closing. Well, thanks to to modern CSS, this is becoming possible! And while browser support isn’t perfect for a lot of this, it’s the perfect…
❤4👍2