GMBinder-Homebrewery-Converter VS material-ui

It's unofficial, but I'd recommend pushing the GMBinder source through this conversion project I created a while back - at the very least, it will fix the page breaks and allow partial rendering to limit what appears on the screen at once.

Github link: https://github.com/G-Ambatte/GMBinder-Homebrewery-Converter

Probably the easiest way is to nudge the page margins and font size. I did look at this a while ago when I was making my converter script, but I don't think it was ever applied to the script. Let me see if I can find my notes...

I wrote this bookmarklet converter (https://github.com/G-Ambatte/GMBinder-Homebrewery-Converter) - it's really just an automated find and replace script that dumps the output into Homebrewery's local storage, then forces a reload of the /new page. It's unofficial, unsupported, as-is, where-is. But you might find it useful.

There's this GitHub project, which is not official, has limited support, and is not a perfect converter - but it will get the majority of the code changed to Homebrewery from GMBinder source.

P.S. Also, I found that there are another issues with that wrong Select behaviour, take a look for my github post for mo details. (https://github.com/mui-org/material-ui/issues/11964)

components/ Button/ Button.jsx # JavaScript component Button.d.ts # TypeScript documentation with prop types Similarly how Material UI does this. https://github.com/mui-org/material-ui/tree/master/packages/material-ui/src/Button

Reactjs In the hooks version of material UI I can't seem to be able to clear the autocomplete after an onChange event: // @flowimport React, { useRef, useState } from "react";import "./Autocomplete.scss";import AutocompleteUI from "@material-ui/lab/Autocomplete";import TextField from "@material-ui/core/TextField";function Autocomplete(props) { const { options } = props; const [value, setValue] = useState(); const container = useRef(); const input = useRef(); function onChange(event, newValue) { if (!newValue) return; props.onChange(newValue); setValue(undefined); input.current.value = ""; event.target.value = ""; } function renderInput(params) { return ( ); } return ( {value} option.title} renderInput={renderInput} value={value} onChange={onChange} /> );}export default Autocomplete; Diving into the source code I've noticed the component uses useAutocomplete hook internally. However, neither setInputValue nor resetInputValue which live internally inside that hook are exposed outside. Is there a way to accomplish an input clear after an onChange? Answer link : https://codehunter.cc/a/reactjs/how-to-clear-the-autocompletes-input-in-material-ui-after-an-onchange

When you look at their examples Signin and Signup a plain html form tag is added on top.

Both websites have a link to Github - https://github.com/mui-org/material-ui

I don't know enough to tell whether this Github discussion might help, but likely not since they were using a beta version of Material-UI.