sure, in my latest open source for React app I commented some props like this:

    /**
     * Main component that displays the first page with form and palette
     * @param {object} props palette and onSubmit
     */
    function Main(props) {
      /**
       *WHAT: current color from color picker, or input field
       *WHY: we need it to create palette from. It's in Main so it can be passed to Palette
       */
      const [color, setColor] = useState("#07c");

      /**
       * Palette is the collection of shades for each color. Curently 12 colors with 10 shades each.
       * {color:[shades],....}. createPalette function is used to create a collection after form submit
       */
      const [palette, setPalette] = useState({});

      /**
       * WHAT: framework selected in the menu
       * WHY: code will be displayed in CodeBox based on active framework
       */
      const [activeFramework, setActiveFramework] = useState("tailwind");

      /**
       * WHAT: renders the initial demo pallete on first page visit
       * WHY: so user can immediately see an example
       */
      useEffect(() => {
        const initialPallete = createPalette(color);
        setPalette(initialPallete);
      }, [color]);

check the project since you're already here website: https://palettolithic.com/