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
👍3
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.
👍4
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
👍5❤3
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...
👍4
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…
👍3
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
👍3❤1
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.
👍4
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