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

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

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

Overflow Clip

Ahmad Shadeed created a detailed guide on how overflow: clip works in CSS. - https://ishadeed.com/article/overflow-clip

#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

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

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

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

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

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

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

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

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

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

Google OAuth in React: A Beginner’s Guide to Authentication - https://marmelab.com/blog/2024/11/18/google-authentication-react.html

#react

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

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

How to Strongly Type process.env  - https://www.totaltypescript.com/how-to-strongly-type-process-env

#nodejs

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

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