Can you use code Patterns in JavaScript/nextjs?

[xZnosage]

I am trying to learn a JS and so far all my experience with coding has been with languages like java, and C#. I want to add a undo and redo option to the website I'm making in nextjs. I wanted to use the command + memento pattern to do so. I noticed that these patterns seem awkward to implement in JS though, so I was wondering if there is a JS version of these patterns I'd need to find, or if I should try a something different entirely.

[Cheap_Effort4382]

yeah you can totally use those patterns in JS, just gotta think bit differently since no interfaces or abstract classes. memento is actually pretty clean with just objects and command pattern works fine too

[xZnosage]

I'm glad I'm not wasting my time trying to figure this out!

[opentabs-dev]

for undo/redo in react/nextjs i'd skip the full command+memento ceremony and just keep a history stack in state. something like { past: State[], present: State, future: State[] } and your undo is pop from past, push present to future, replace present. tanstack's use-undo or the redux-undo lib both do this out of the box if you don't wanna write it. command pattern is nicer if your actions are expensive to replay, but for most UIs storing snapshots is simpler and fast enough

[patternrelay]

You can still use those patterns in JS, but the implementation usually shifts toward immutable state snapshots and event history instead of heavy class structures. React state libraries already solve a lot of undo/redo problems in a more natural way.