godmar02 / dw-react Goto Github PK

Add missing move data for classes

Memoise context for state

https://www.synthace.com/autosave-with-react-hooks/

As per: https://saul-mirone.github.io/performance-optimization-in-react-context/
Use the useMemo method in components.

const SideMenu = () => {
    const { setHideSideMenu, hideSideMenu } = useContext(Ctx);
    return React.useMemo(() => ( setHideSideMenu(x => !x)}>toggle), [hideSideMenu, setHideSideMenu]);
};

OR as per https://stackoverflow.com/questions/46736983/will-a-stateless-component-re-render-if-its-props-have-not-changed/46737063

const MyComponent = React.memo((props) => {
  return (
    /* markup */
  );
});

UI disable components, saving already protected

Use handle event with name as per https://reactjs.org/docs/forms.html
Potentially should use props over hooks?

This prompts an error if you are not the owner

• Dice Roller

"name": string
"description": string
"type": string
"range": string
"cost": number
"weight": number
"uses": number
"tags": array of strings (maybe use tag component?)

• validation (Load, xp, hp,Ability Total)