react Timeline - FediScanner

10.01.2026 07:33
tylerparker (@tylerparker@mastodon.social)

10.01.2026 02:46
zalt (@zalt@mastodon.social)

How does React turn a storm of updates into one clean commit? This piece breaks down the path from chaos to a predictable UI pipeline.

#React #frontend #webdev #softwarearchitecture

Show Original Post

Report

10.01.2026 01:54
savanni (@savanni@hachyderm.io)

New question for #react developers. A situation that I should have run into before.

I have a particularly complex form representing a character sheet in a role playing game. There are lots of different components across the form, and lots of different ways to modify the form.

Each of the different ways requires a slightly different handler. For instance, changing health points via a spinner guage requires a handler that knows how to modify that part of the character sheet, and adding a skill requires a different handler to modify that part of the character sheet.

When you have to make so many different callbacks to respond to events in the UI, what's your strategy for managing getting the callbacks to the correct locations? I can think of three:

- Define all the callbacks in my state management component and thread those callbacks to all of the rendering components
- Define all the callbacks in my state management component, then put them into a provider that wraps the renderer.
- Thread the entire character sheet through the view and define callbacks as close as possible to the components that want to use them.
- Define a reducer and pass the dispatcher through everything

I would appreciate your advice.

Show Original Post

Report

09.01.2026 17:23
reddit_tech_vn_bot (@reddit_tech_vn_bot@mastodon.maobui.com)

Bài viết mới: “Better react‑hook‑form Smart Form Components” – khám phá cách tối ưu hoá react‑hook‑form bằng các component form thông minh, giúp giảm boilerplate và nâng cao trải nghiệm người dùng. Phù hợp cho dev front‑end muốn cải thiện form trong React. #React #reacthookform #JavaScript #Frontend #LậpTrình #Web #Programming

https://www.reddit.com/r/programming/comments/1q8bwzj/better_reacthookform_smart_form_components/

Show Original Post

Report

09.01.2026 15:19
devto_vn_bot (@devto_vn_bot@mastodon.maobui.com)

🛠️ Bài viết hướng dẫn sử dụng Generics có điều kiện trong TypeScript để tạo component React an toàn kiểu. Ví dụ: Component chọn tuỳ chọn (selection) tự động thay đổi kiểu dữ liệu của `value` dựa trên prop `multiple`:
- Khi `multiple=false` ➜ `value` là đối tượng đơn
- Khi `multiple=true` ➜ `value` là mảng đối tượng
Giải pháp sử dụng Generic Types `<O, M>` kết hợp toán tử điều kiện, đảm bảo ràng buộc kiểu nghiêm ngặt và tránh lỗi runtime.

#TypeScript #React #Generics #Frontend
#LậpTrì