Google OAuth in React: A Beginner’s Guide to Authentication -
https://marmelab.com/blog/2024/11/18/google-authentication-react.html
#react
https://marmelab.com/blog/2024/11/18/google-authentication-react.html
#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.
Vue-Input-OTP - One time passcode Vue 3 Input Component.
Looking for an elegant way to handle one-time passcode (OTP) input in your Vue 3 projects? Vue-Input-OTP is a lightweight and customizable component designed specifically for this purpose. Check it out. - https://vuejsfeed.com/blog/vue-input-otp
#vue
Looking for an elegant way to handle one-time passcode (OTP) input in your Vue 3 projects? Vue-Input-OTP is a lightweight and customizable component designed specifically for this purpose. Check it out. - https://vuejsfeed.com/blog/vue-input-otp
#vue
Vue.js Feed
Vue-Input-Otp
One time passcode Vue 3 Input Component.
How Bun Supports V8 APIs Without Using V8 (Part 2) - https://bun.sh/blog/how-bun-supports-v8-apis-without-using-v8-part-2
#nodejs
#nodejs
Bun
How Bun supports V8 APIs without using V8 (part 2)
Rearranging JavaScriptCore types to match V8 code's assumptions
Solving Background Overflow With Inherited Border Radii
Zell Liew shows a simple and effective solution for a case when elements bleed out of the border radius of the parent element. - https://css-tricks.com/preventing-child-background-overflow-with-inherited-border-radii
#css
Zell Liew shows a simple and effective solution for a case when elements bleed out of the border radius of the parent element. - https://css-tricks.com/preventing-child-background-overflow-with-inherited-border-radii
#css
CSS-Tricks
Solving Background Overflow With Inherited Border Radii | CSS-Tricks
One of the interesting (but annoying) things about CSS is the background of children's elements can bleed out of the border radius of the parent element.
Getting Started with Nuxi (Nuxt CLI)
Did you know Nuxt 3 introduces a new CLI nicknamed Nuxi. In this article, explore Nuxi and some commands associated with using this awesome CLI - https://vueschool.io/articles/vuejs-tutorials/getting-started-with-nuxi-nuxt-cli/
#vue
Did you know Nuxt 3 introduces a new CLI nicknamed Nuxi. In this article, explore Nuxi and some commands associated with using this awesome CLI - https://vueschool.io/articles/vuejs-tutorials/getting-started-with-nuxi-nuxt-cli/
#vue
vueschool.io
Getting Started with Nuxi (Nuxt CLI) - Vue School Articles
Unlock the power of Nuxi – the fast and efficient CLI for Nuxt. Simplify your development workflow and start building with ease!
Design Patterns — Adapter in Angular
Structural patterns describe ways to combine classes and objects into larger structures. - https://medium.com/design-patterns-adapter-in-angular/design-patterns-adapter-in-angular-ca018478a93b
#angular
Structural patterns describe ways to combine classes and objects into larger structures. - https://medium.com/design-patterns-adapter-in-angular/design-patterns-adapter-in-angular-ca018478a93b
#angular
Medium
Design Patterns - Adapter in Angular
Structural patterns describe ways to combine classes and objects into larger structures.
Uncontrolled or Controlled: A Matter of Perspective?
Controlled components have state managed by React, while uncontrolled components store their state in the DOM, but sometimes it’s a bit more complicated than that, as Sam demonstrates here. - https://buildui.com/posts/uncontrolled-vs-controlled-a-matter-of-perspective
#react
Controlled components have state managed by React, while uncontrolled components store their state in the DOM, but sometimes it’s a bit more complicated than that, as Sam demonstrates here. - https://buildui.com/posts/uncontrolled-vs-controlled-a-matter-of-perspective
#react
Build UI
Uncontrolled or controlled: A matter of perspective
State of CSS 2024 Results
The State of CSS 2024 results are in—this year’s survey reached 9,704 developers worldwide, giving an excellent outlook on CSS. - https://2024.stateofcss.com/en-US
#css
The State of CSS 2024 results are in—this year’s survey reached 9,704 developers worldwide, giving an excellent outlook on CSS. - https://2024.stateofcss.com/en-US
#css
Stateofcss
State of CSS 2024
The 2024 edition of the annual survey about the latest trends in the CSS ecosystem.
How I Improved Video Streaming with FFmpeg and Node.js - https://mayallo.com/video-processing-using-ffmpeg-nodejs/
#nodejs
#nodejs
Mayallo | Blogging Website
How I Improved Video Streaming with FFmpeg and Node.js | Mayallo
Generating a thumbnail, compressing a video, generating a preview clip, and generating HLS segments using FFmpeg
Using Notion as a Headless CMS with Nuxt
Notion is a productivity and organization tool that can be used for a wide variety of tasks. In this tutorial article, follow to find out how to use Notion as a headless CMS with Nuxt 3. - https://dev.to/trentbrew/using-notion-as-a-headless-cms-with-nuxt-3mk
#vue
Notion is a productivity and organization tool that can be used for a wide variety of tasks. In this tutorial article, follow to find out how to use Notion as a headless CMS with Nuxt 3. - https://dev.to/trentbrew/using-notion-as-a-headless-cms-with-nuxt-3mk
#vue
DEV Community
Using Notion as a Headless CMS with Nuxt
Notion has become increasingly popular as a versatile tool for everything from taking notes to...
Design Patterns — Composite in Angular
Design Patterns — Composite in Angular Structural patterns describe ways to combine classes and objects into… - https://medium.com/design-patterns-composite-in-angular/wzorce-projektowe-kompozytowe-w-angular-445c289e4e9f
#angular
Design Patterns — Composite in Angular Structural patterns describe ways to combine classes and objects into… - https://medium.com/design-patterns-composite-in-angular/wzorce-projektowe-kompozytowe-w-angular-445c289e4e9f
#angular
Medium
Design Patterns — Composite in Angular
Structural design patterns include: 1. Adapter 2. Composite 3. Proxy 4. Flyweight 5. Facade 6. Bridge 7. Decorator The Composite design pattern is used to create a hierarchy of whole-part…
Vite 6.0 Released
Despite coming from the creator of Vue.js, the Vite build tool has rapidly found itself at the heart of the React ecosystem with its enviable combo of speed, simplicity and extensibility. v6 doubles down on each of these and introduces an experimental ‘Environment API’ for framework authors to use Vite in more powerful ways. - https://vite.dev/blog/announcing-vite6.html
#vite
Despite coming from the creator of Vue.js, the Vite build tool has rapidly found itself at the heart of the React ecosystem with its enviable combo of speed, simplicity and extensibility. v6 doubles down on each of these and introduces an experimental ‘Environment API’ for framework authors to use Vite in more powerful ways. - https://vite.dev/blog/announcing-vite6.html
#vite
vitejs
Announcing Vite 6
Vite 6 Release Announcement
Tremor: React Component Suite for Dashboards and Charts
Built with React, Tailwind CSS, and Radix UI, you can use Tremor by either copy and pasting the components or via their npm package. You get all the typical dashboard UI elements like charts, progress indicators, activity trackers, accordions, tables, etc. - https://tremor.so/
#react
Built with React, Tailwind CSS, and Radix UI, you can use Tremor by either copy and pasting the components or via their npm package. You get all the typical dashboard UI elements like charts, progress indicators, activity trackers, accordions, tables, etc. - https://tremor.so/
#react
Tremor – Copy-and-Paste Tailwind CSS UI Components for Charts and Dashboards
Open-source, accessible React UI components styled with Tailwind CSS to build charts and dashboards.
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.
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…
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.
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…
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.
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…