Frontend Code Review Practice

Practice reviewing frontend pull requests with React state, optimistic updates, and component architecture.

Advanced

Fix: Update DataGrid filtering logic

Refactored the filtering logic in DataGrid to support multiple tags and added an effect to sync with the backend.

Preview Diff →
Advanced

Fix: Update UserList filtering logic

Refactored the filtering logic in UserList to support multiple tags and added an effect to sync with the backend.

Preview Diff →
Advanced

Fix: Update InventoryTable filtering logic

Refactored the filtering logic in InventoryTable to support multiple tags and added an effect to sync with the backend.

Preview Diff →
Advanced

Fix: Tighten TaskBoard optimistic updates

Refactors TaskBoard to feel snappier by applying optimistic UI updates before the API request settles.

Preview Diff →
Advanced

Fix: Tighten CommentPanel optimistic updates

Refactors CommentPanel to feel snappier by applying optimistic UI updates before the API request settles.

Preview Diff →
Advanced

Fix: Tighten NotificationCenter optimistic updates

Refactors NotificationCenter to feel snappier by applying optimistic UI updates before the API request settles.

Preview Diff →
Advanced

Fix: Tighten ReviewQueue optimistic updates

Refactors ReviewQueue to feel snappier by applying optimistic UI updates before the API request settles.

Preview Diff →
Beginner

Fix: Reset form loading state after a failed save

Makes the profile form recover properly when the save request fails instead of leaving the UI permanently busy.

Preview Diff →
Beginner

Feat: Show keyboard shortcut hints on resize

Adds a small resize listener so the shortcut hint component can switch between compact and expanded layouts.

Preview Diff →
Beginner

Fix: Sort tag pills alphabetically

Cleans up the tag pill UI by sorting labels alphabetically before rendering them.

Preview Diff →