How to use the react-sketchapp.render function in react-sketchapp

To help you get started, we’ve selected a few react-sketchapp examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github html-sketchapp / html-sketchapp / asketch2sketch / asketch2sketch.js View on Github external
export default function Plugin(context) {
  const json = test;// HACK load test page while testing - requestJson();
  const document = context.document;
  const page = document.currentPage();

  removeExistingLayers(page);

  const newPage = json.pages[0];

  const result = newPage.items.map(layer => renderLayer(layer));

  render(
    {result},
    page
  );
}
github kristinbaumann / react-sketchapp-example-responsive / src / index.js View on Github external
export default (context) => render( , context.document.currentPage())
github kristinbaumann / app-store-image-generator / src / render.js View on Github external
export default (context) => {
    render(
        , 
        context.document.currentPage()
    )
}
github airbnb / react-sketchapp / examples / form-validation / src / main.js View on Github external
export default () => {
  render(, context.document.currentPage());
};
github brijeshb42 / react-sketchapp-boilerplate / src / index.js View on Github external
export default (context) => {
  render(, context.document.currentPage());
};
github airbnb / react-sketchapp / examples / profile-cards / src / main.js View on Github external
url: 'cargocollective.com/jackiesaik',
      profile_image_url:
        'https://pbs.twimg.com/profile_images/895665264464764930/7Mb3QtEB_400x400.jpg',
    },
    {
      screen_name: 'jongold',
      name: 'kerning man',
      description:
        'an equal command of technology and form • functional programming (oc)cultist • design tools @airbnbdesign',
      location: 'California',
      url: 'weirdwideweb.jon.gold',
      profile_image_url: 'https://pbs.twimg.com/profile_images/833785170285178881/loBb32g3.jpg',
    },
  ];

  render(, context.document.currentPage());
};
github airbnb / react-sketchapp / examples / colors / src / main.js View on Github external
export default () => {
  render(
    ,
    context.document.currentPage(),
  );
};
github airbnb / react-sketchapp / examples / basic-svg / src / my-command.js View on Github external
export default () => {
  render(, context.document.currentPage());
};
github airbnb / react-sketchapp / examples / basic-webpack / src / main.js View on Github external
const onRun = (context) => {
  render(, context.document.currentPage());
};
github airbnb / react-sketchapp / examples / styled-components / src / my-command.js View on Github external
export default () => {
  const colorList = {
    Classic: '#96324E',
    Neue: '#21304E',
  };

  render(, context.document.currentPage());
};