React on Codeslog https://www.codeslog.com/en/tags/react/ Recent content in React on Codeslog Codeslog https://www.codeslog.com/images/default-cover.png?v=20260114T1436 https://www.codeslog.com/images/default-cover.png?v=20260114T1436 Hugo -- 0.150.0 en-US Mon, 13 Jul 2026 23:39:00 +0900 Testing Forms, Interaction, and State — with user-event https://www.codeslog.com/en/posts/frontend-testing-user-event/ Mon, 13 Jul 2026 23:39:00 +0900 https://www.codeslog.com/en/posts/frontend-testing-user-event/ Reproduce real user interactions — typing, clicking, selecting — with user-event, and test forms and state changes from render to result, the way a user would actually drive them. The Testing Library Philosophy — Querying Like a User https://www.codeslog.com/en/posts/frontend-testing-testing-library/ Fri, 10 Jul 2026 01:27:00 +0900 https://www.codeslog.com/en/posts/frontend-testing-testing-library/ React Testing Library's core philosophy: test like a user. Learn the query priority built around getByRole, and how testing behavior instead of implementation makes tests survive refactoring. Wiring Vitest into the Demo App — All the Way to the First Green Light https://www.codeslog.com/en/posts/frontend-testing-setup-vitest/ Sun, 05 Jul 2026 00:05:00 +0900 https://www.codeslog.com/en/posts/frontend-testing-setup-vitest/ Install Vitest and Testing Library in a React + Vite + TypeScript demo app and walk all the way to your first passing test — with the common setup pitfalls mapped out.