yujonglee

function A() {
  const [state] = useState([])
  return (
    <div>{state}</div>
  )
}

A()
<A />

yujonglee

const Container = () => {
  const [isOutlined, setIsOutlined] = useState(false);
  const [isDisabled, setIsDisabled] = useState(false);

  return (
    <>
      <Button
        type="info"
        text={isDisabled ? "Disabled: true" : "Disabled: false"}
        style={{ margin: 10 }}

yujonglee

React.cloneElement(
  element,
  [props],
  [...children]
)

<element.type {...element.props} {...props}>{children}</element.type>

yujonglee

const Editable = ({ children }) => {
  const [isEditing, setIsEditing] = useState(false);

  return (
    <FieldContainer>
      {React.Children.map(children, (child) =>
        React.cloneElement(child, { isEditing })
      )}

      <Button

yujonglee

const Selectable = ({children, onPress, mode = "singleChoice"}) => {
  const initial = React.Children.map(
    children ?? [],
    (child) => !!child.props.checked
  );

  const [checkedArray, setCheckedArray] = useState(initial);

  const [checkedIndex, setCheckedIndex] = useState(
    initial.findIndex((value) => value === true)

yujonglee

const SingleChoice = () => {
  const [value, setValue] = useState("2");

  return (
    <Container>
      <Selectable mode="singleChoice" onPress={setValue}>
        <Checkbox type="primary" checked={false} />
        <Checkbox type="secondary" checked={false} />
        <Checkbox type="success" checked={true} />
        <Checkbox type="warning" checked={false} />

yujonglee

const Submittable = ({ children }) => {
  const refs = Array(children.length).fill(null).map(useRef);

  return React.Children.map(children, (child, i) => {
    const isLast = i === children.length - 1;

    return React.cloneElement(child, {
      inputRef: refs[i],
      onSubmitEditing: !isLast ? () => refs[i + 1].current.focus() : undefined
    });

yujonglee

import { generatorHandler } from '@prisma/generator-helper';

generatorHandler({
  onManifest() {
    return {
      defaultOutput: './schema',
      prettyName: 'GraphQL-Schema-Generator',
    };
  },
  async onGenerate(options) {

yujonglee

export declare type GeneratorOptions = {
    generator: GeneratorConfig;
    otherGenerators: GeneratorConfig[];
    schemaPath: string;
    dmmf: DMMF.Document;
    datasources: DataSource[];
    datamodel: string;
    version: string;
    binaryPaths?: BinaryPaths;
};

yujonglee

  const convertedType = rules.reduce(
    (type, {matcher, transformer}: Rule): string => {
      if (!matcher(field, model)) {
        return type;
      }
      
      return transformer(field, type);
    },
    initialType,
  );