# React · Tech watch

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

Building interfaces with React components, state and rendering behavior.

## [Uiverse: explore reusable interface elements](<https://sebastien.rigaux.be/en/tech-watch/links/uiverse-explore-reusable-interface-elements>)

Uiverse collects community-built interface elements with HTML/CSS, Tailwind or React code. It offers examples for studying visual treatments and adapting components to a project.

2024-10-13 · [Markdown](<https://sebastien.rigaux.be/en/tech-watch/links/uiverse-explore-reusable-interface-elements.md>) · [Original resource](<https://uiverse.io/>)

## [Synchronize a local-first Expo application with TinyBase](<https://sebastien.rigaux.be/en/tech-watch/links/synchronize-a-local-first-expo-application-with-tinybase>)

This guide introduces TinyBase into an Expo application to combine reactive local data with synchronization. It covers sharing data across devices and users.

2024-10-06 · [Markdown](<https://sebastien.rigaux.be/en/tech-watch/links/synchronize-a-local-first-expo-application-with-tinybase.md>) · [Original resource](<https://expo.dev/blog/how-to-synchronize-reactive-local-first-apps-with-tinybase>)

## [Set up a Docmost development environment](<https://sebastien.rigaux.be/en/tech-watch/links/set-up-a-docmost-development-environment>)

This guide explains the Docmost monorepo, with its React frontend and NestJS backend. It covers dependencies and setup steps for contributing to or adapting the application locally.

2024-06-30 · [Markdown](<https://sebastien.rigaux.be/en/tech-watch/links/set-up-a-docmost-development-environment.md>) · [Original resource](<https://docmost.com/docs/self-hosting/development>)

## [Offload calculations with Web Workers, Comlink and TanStack Query](<https://sebastien.rigaux.be/en/tech-watch/links/offload-calculations-with-web-workers-comlink-and-tanstack-query>)

The article combines Comlink and TanStack Query to manage calculations in a Web Worker. Its example shows how to keep the interface responsive during expensive computation.

2024-06-29 · [Markdown](<https://sebastien.rigaux.be/en/tech-watch/links/offload-calculations-with-web-workers-comlink-and-tanstack-query.md>) · [Original resource](<https://johnnyreilly.com/web-workers-comlink-vite-tanstack-query>)

## [NLUX: add an AI chat interface with React or JavaScript](<https://sebastien.rigaux.be/en/tech-watch/links/nlux-add-an-ai-chat-interface-with-react-or-javascript>)

NLUX provides conversational UI components for connecting web applications to LLMs. It supports React, Next.js and plain JavaScript, with a CLI for bootstrapping a project.

2024-06-25 · [Markdown](<https://sebastien.rigaux.be/en/tech-watch/links/nlux-add-an-ai-chat-interface-with-react-or-javascript.md>) · [Original resource](<https://github.com/nlkitai/nlux>)

## [Plasmic: build interfaces visually with your React components](<https://sebastien.rigaux.be/en/tech-watch/links/plasmic-build-interfaces-visually-with-your-react-components>)

Plasmic provides a visual builder that integrates with a React codebase. Existing components can be reused in pages and applications assembled through drag-and-drop editing.

2023-11-16 · [Markdown](<https://sebastien.rigaux.be/en/tech-watch/links/plasmic-build-interfaces-visually-with-your-react-components.md>) · [Original resource](<https://github.com/plasmicapp/plasmic>)

## [Compose Server and Client Components in Next.js](<https://sebastien.rigaux.be/en/tech-watch/links/compose-server-and-client-components-in-next-js>)

The documentation explains where data fetching, secrets and interactions belong in the App Router. Examples show how to pass server-fetched data into interactive Client Components.

2023-10-25 · [Markdown](<https://sebastien.rigaux.be/en/tech-watch/links/compose-server-and-client-components-in-next-js.md>) · [Original resource](<https://nextjs.org/docs/app/getting-started/server-and-client-components>)

## [TW Classed: compose Tailwind component variants](<https://sebastien.rigaux.be/en/tech-watch/links/tw-classed-compose-tailwind-component-variants>)

TW Classed defines reusable components with typed variants and extensible styles. Compound variants reduce repeated class combinations across application views.

2023-10-16 · [Markdown](<https://sebastien.rigaux.be/en/tech-watch/links/tw-classed-compose-tailwind-component-variants.md>) · [Original resource](<https://tw-classed.vercel.app/>)

## [React Day Berlin: talks and workshops for React developers](<https://sebastien.rigaux.be/en/tech-watch/links/react-day-berlin-talks-and-workshops-for-react-developers>)

The site presents React Day Berlin and its talks and workshops for the React ecosystem. The current program emphasizes AI integration, architecture and maintainability.

2023-10-08 · [Markdown](<https://sebastien.rigaux.be/en/tech-watch/links/react-day-berlin-talks-and-workshops-for-react-developers.md>) · [Original resource](<https://reactday.berlin/>)

## [Tutim: embed multi-step forms in your application](<https://sebastien.rigaux.be/en/tech-watch/links/tutim-embed-multi-step-forms-in-your-application>)

Tutim provides headless infrastructure for forms with multiple steps, validation and conditional branches. Teams can integrate the flow with their own components and design system.

2023-05-01 · [Markdown](<https://sebastien.rigaux.be/en/tech-watch/links/tutim-embed-multi-step-forms-in-your-application.md>) · [Original resource](<https://github.com/tutim-io/tutim>)

Page 4 / 4

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