{"version":"1.0","type":"card","id":"b2c4e746-31b6-4f32-bd8d-b4f722e7bbc8","url":"https://stacklist.com/card/b2c4e746-31b6-4f32-bd8d-b4f722e7bbc8","title":"#reactjs #webdevelopment #frontendengineering #javascript #reacthooks | Ujjwal Tiwari | 30 comments","source_url":"https://www.linkedin.com/posts/ujjwal-tiwari202_reactjs-webdevelopment-frontendengineering-activity-7318978494246305793-MYOR?utm_source=share&utm_medium=member_ios&rcm=ACoAAC0bh4UB8KSAyzzmNS93duT_PL19E5XCgJo","note":"I use this react-hook (useStateWithHistory) in a lot of my personal projects and it is incredible.\n\nIn a lot of scenarios, "Undo" brings a very good user experience\n\nThis hook essentially creates a time machine for your React state. It maintains a history stack with customizable capacity and gives you simple undo/redo methods that feel intuitive for both developers and users.\n\nThe implementation is straightforward and powerful. It uses refs to maintain the history stack across renders (preventing unnecessary re-renders), carefully manages memory by limiting history capacity, and returns a clean API that makes integration painless.\n\nWhat I love most is how it transforms the user experience with minimal implementation effort. Users explore more confidently and get genuinely excited when they discover they can undo mistakes.\n\n#ReactJS #WebDevelopment #FrontendEngineering #JavaScript #ReactHooks | 30 comments on LinkedIn","image":{"url":"https://ucarecdn.com/8dbbb3c0-9891-4865-bd14-a9d963a60dcf/","alt":"#reactjs #webdevelopment #frontendengineering #javascript #reacthooks | Ujjwal Tiwari | 30 comments","width":1200,"height":630},"stack":{"id":"ed5731cc-dc9f-451a-8ebe-1129db425681","title":"React Tips","url":"https://stacklist.com/stack/ed5731cc-dc9f-451a-8ebe-1129db425681"},"created_at":"2025-04-20T02:50:02.486Z","updated_at":null,"aco":{"summary":"The website is a LinkedIn post by Ujjwal Tiwari, a Senior Software Engineer at DAZN, about a React hook he created called \"useStateWithHistory\". This hook allows for easy undo/redo functionality in React projects, making it easier for users to explore and correct mistakes. The post highlights the benefits of the hook, its implementation, and its potential impact on user experience. \n","tags":[],"key_entities":[],"classification":null,"language":null,"confidence":null,"provenance":null,"token_counts":{"approximate":108},"content_hash":null,"acp_version":"0.2","body_available":false,"body_tokens":0,"visibility":"public","agent_accessible":true,"status":"final"},"_links":{"self":"/api/public/card/b2c4e746-31b6-4f32-bd8d-b4f722e7bbc8.json","html":"https://stacklist.com/card/b2c4e746-31b6-4f32-bd8d-b4f722e7bbc8","md":"/api/public/card/b2c4e746-31b6-4f32-bd8d-b4f722e7bbc8.md","stack_json":"/api/public/stack/ed5731cc-dc9f-451a-8ebe-1129db425681.json"}}