# Tech watch

[Canonical source](<https://sebastien.rigaux.be/en/tech-watch/page/16>)

## [PeerDB: replicate PostgreSQL into data warehouses](<https://sebastien.rigaux.be/en/tech-watch/links/peerdb-replicate-postgresql-into-data-warehouses>)

PeerDB focuses on replication from PostgreSQL into analytical systems and queues. The site presents change data capture and its ClickHouse integration.

2025-02-26 · [Markdown](<https://sebastien.rigaux.be/en/tech-watch/links/peerdb-replicate-postgresql-into-data-warehouses.md>) · [Original resource](<https://peerdb.io/>)

## [Made with React: discover ecosystem projects and components](<https://sebastien.rigaux.be/en/tech-watch/links/made-with-react-discover-ecosystem-projects-and-components>)

This catalogue presents applications, components, frameworks and tools built around React. Categories make it easier to find examples and libraries to investigate.

2025-02-25 · [Markdown](<https://sebastien.rigaux.be/en/tech-watch/links/made-with-react-discover-ecosystem-projects-and-components.md>) · [Original resource](<https://madewithreactjs.com/>)

## [Airbyte: connect data sources to analytics and AI workflows](<https://sebastien.rigaux.be/en/tech-watch/links/airbyte-connect-data-sources-to-analytics-and-ai-workflows>)

Airbyte presents its data movement platform and connectors. It focuses on maintaining flows between source systems, warehouses and applications that need synchronized data.

2025-02-25 · [Markdown](<https://sebastien.rigaux.be/en/tech-watch/links/airbyte-connect-data-sources-to-analytics-and-ai-workflows.md>) · [Original resource](<https://airbyte.com/>)

## [Subfont: generate font subsets tailored to page content](<https://sebastien.rigaux.be/en/tech-watch/links/subfont-generate-font-subsets-tailored-to-page-content>)

Subfont analyzes the characters actually used on a page and generates smaller font files. It also adds preload hints to shorten the critical path for text rendering.

2025-02-25 · [Markdown](<https://sebastien.rigaux.be/en/tech-watch/links/subfont-generate-font-subsets-tailored-to-page-content.md>) · [Original resource](<https://github.com/Munter/subfont>)

## [Conform: validate forms using HTML fundamentals](<https://sebastien.rigaux.be/en/tech-watch/links/conform-validate-forms-using-html-fundamentals>)

Conform combines typed validation, FormData and progressive enhancement. Its useForm hook exposes form state while leaving markup and submission flow under developer control.

2025-02-24 · [Markdown](<https://sebastien.rigaux.be/en/tech-watch/links/conform-validate-forms-using-html-fundamentals.md>) · [Original resource](<https://conform.guide/>)

## [SuperJSON: serialize dates and types missing from JSON](<https://sebastien.rigaux.be/en/tech-watch/links/superjson-serialize-dates-and-types-missing-from-json>)

SuperJSON extends JSON.stringify and JSON.parse to transport values such as Date and BigInt. It reduces manual conversions when exchanging data between server and client.

2025-02-23 · [Markdown](<https://sebastien.rigaux.be/en/tech-watch/links/superjson-serialize-dates-and-types-missing-from-json.md>) · [Original resource](<https://www.npmjs.com/package/superjson>)

## [Type a polymorphic as prop in a React component](<https://sebastien.rigaux.be/en/tech-watch/links/type-a-polymorphic-as-prop-in-a-react-component>)

This tutorial builds an as prop that changes the rendered HTML element while preserving valid property types. TypeScript generics help prevent attributes from leaking between different tags.

2025-02-22 · [Markdown](<https://sebastien.rigaux.be/en/tech-watch/links/type-a-polymorphic-as-prop-in-a-react-component.md>) · [Original resource](<https://christianvm.dev/blog/react-as-prop>)

## [ExcellentExport: export HTML tables to Excel or CSV](<https://sebastien.rigaux.be/en/tech-watch/links/excellentexport-export-html-tables-to-excel-or-csv>)

ExcellentExport turns HTML tables into Excel or CSV files directly in the browser. It adds exports to an interface without requiring a dedicated server service.

2025-02-22 · [Markdown](<https://sebastien.rigaux.be/en/tech-watch/links/excellentexport-export-html-tables-to-excel-or-csv.md>) · [Original resource](<https://github.com/jmaister/excellentexport>)

## [WeTransform: embed data imports with mapping and validation](<https://sebastien.rigaux.be/en/tech-watch/links/wetransform-embed-data-imports-with-mapping-and-validation>)

WeTransform provides an embeddable importer with field mapping, cleaning and validation. Its SDK connects the import workflow to a SaaS application.

2025-02-20 · [Markdown](<https://sebastien.rigaux.be/en/tech-watch/links/wetransform-embed-data-imports-with-mapping-and-validation.md>) · [Original resource](<https://www.wetransform.com/>)

## [Motion Primitives: compose interfaces with adjustable animations](<https://sebastien.rigaux.be/en/tech-watch/links/motion-primitives-compose-interfaces-with-adjustable-animations>)

This collection provides animated interface components to copy and customize. Demos cover text effects and transitions for enhancing existing interactions.

2025-02-20 · [Markdown](<https://sebastien.rigaux.be/en/tech-watch/links/motion-primitives-compose-interfaces-with-adjustable-animations.md>) · [Original resource](<https://motion-primitives.com/>)

## [LLM Debugger: drive a debugger with a language model](<https://sebastien.rigaux.be/en/tech-watch/links/llm-debugger-drive-a-debugger-with-a-language-model>)

This VS Code extension experiments with model-assisted debugging using actual program execution. Breakpoints, stepping and observed values provide context for locating a bug.

2025-02-17 · [Markdown](<https://sebastien.rigaux.be/en/tech-watch/links/llm-debugger-drive-a-debugger-with-a-language-model.md>) · [Original resource](<https://github.com/mohsen1/llm-debugger-vscode-extension>)

## [Common pitfalls in asynchronous .NET programming](<https://sebastien.rigaux.be/en/tech-watch/links/common-pitfalls-in-asynchronous-net-programming>)

This guide collects recommendations on async, await, tasks and cancellation. It covers blocking caused by Task.Result or Task.Wait and discusses suitable alternatives.

2025-02-16 · [Markdown](<https://sebastien.rigaux.be/en/tech-watch/links/common-pitfalls-in-asynchronous-net-programming.md>) · [Original resource](<https://github.com/davidfowl/AspNetCoreDiagnosticScenarios/blob/master/AsyncGuidance.md>)

## [Jscanify: detect and straighten documents in JavaScript](<https://sebastien.rigaux.be/en/tech-watch/links/jscanify-detect-and-straighten-documents-in-javascript>)

Jscanify uses OpenCV.js to detect paper and correct distortion. The repository provides examples for integrating document scanning into browsers or Node.js environments.

2025-02-15 · [Markdown](<https://sebastien.rigaux.be/en/tech-watch/links/jscanify-detect-and-straighten-documents-in-javascript.md>) · [Original resource](<https://github.com/puffinsoft/jscanify>)

## [Preact signals for reactive state management](<https://sebastien.rigaux.be/en/tech-watch/links/preact-signals-for-reactive-state-management>)

The guide introduces signals and automatic dependency tracking in Preact. It explains how state changes update the interface without repeated manual synchronization.

2025-02-15 · [Markdown](<https://sebastien.rigaux.be/en/tech-watch/links/preact-signals-for-reactive-state-management.md>) · [Original resource](<https://preactjs.com/guide/v10/signals/>)

## [React Bits: customize animated components from source](<https://sebastien.rigaux.be/en/tech-watch/links/react-bits-customize-animated-components-from-source>)

React Bits collects backgrounds, text effects and interactive components installed as source code. Exposed parameters let developers tune motion and appearance for their project.

2025-02-15 · [Markdown](<https://sebastien.rigaux.be/en/tech-watch/links/react-bits-customize-animated-components-from-source.md>) · [Original resource](<https://reactbits.dev/>)

## [Next Zod Route: type and validate Route Handlers](<https://sebastien.rigaux.be/en/tech-watch/links/next-zod-route-type-and-validate-route-handlers>)

Next Zod Route validates parameters, query strings and request bodies with Zod. Middleware and response handling help centralize conventions across Next.js API routes.

2025-02-13 · [Markdown](<https://sebastien.rigaux.be/en/tech-watch/links/next-zod-route-type-and-validate-route-handlers.md>) · [Original resource](<https://github.com/Melvynx/next-zod-route>)

## [Inngest: organize asynchronous work into durable steps](<https://sebastien.rigaux.be/en/tech-watch/links/inngest-organize-asynchronous-work-into-durable-steps>)

Inngest breaks backend functions into steps with retries, pauses and resumability. Its image-import example illustrates coordinating operations without implementing the entire orchestration layer yourself.

2025-02-13 · [Markdown](<https://sebastien.rigaux.be/en/tech-watch/links/inngest-organize-asynchronous-work-into-durable-steps.md>) · [Original resource](<https://www.inngest.com/>)

## [Next Safe Action: validate Server Actions with middleware](<https://sebastien.rigaux.be/en/tech-watch/links/next-safe-action-validate-server-actions-with-middleware>)

The library adds typed validation and middleware to Next.js Server Actions. Its example combines an input schema with authentication context to structure server operations.

2025-02-12 · [Markdown](<https://sebastien.rigaux.be/en/tech-watch/links/next-safe-action-validate-server-actions-with-middleware.md>) · [Original resource](<https://next-safe-action.dev/>)

## [Midscene: describe interface tests in natural language](<https://sebastien.rigaux.be/en/tech-watch/links/midscene-describe-interface-tests-in-natural-language>)

Midscene uses a visual agent to perform actions and verify interface results. Tests can be described in YAML or integrated into an existing framework through its APIs.

2025-02-11 · [Markdown](<https://sebastien.rigaux.be/en/tech-watch/links/midscene-describe-interface-tests-in-natural-language.md>) · [Original resource](<https://github.com/web-infra-dev/midscene>)

## [Vogen: generate value objects around .NET types](<https://sebastien.rigaux.be/en/tech-watch/links/vogen-generate-value-objects-around-net-types>)

Vogen wraps primitives in generated domain types. Its CustomerId example shows how to obtain comparisons and controlled construction without writing repetitive boilerplate.

2025-02-09 · [Markdown](<https://sebastien.rigaux.be/en/tech-watch/links/vogen-generate-value-objects-around-net-types.md>) · [Original resource](<https://stevedunn.github.io/Vogen/overview.html>)

Page 16 / 22

[Previous](<https://sebastien.rigaux.be/en/tech-watch/page/15>)

[Next](<https://sebastien.rigaux.be/en/tech-watch/page/17>)
