question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Codesandbox sample app review

See original GitHub issue

We’re using codesandbox hosted sample applications in several places in our docs. We need to review all of these to:

  1. Make sure they’re all still working properly; we’ve noticed some strangeness with graphql@16 that is causing them to break.
  2. Make sure they’re all moved over the apollographql codesandbox org.
  3. Make sure the codesandbox links in the docs are all still pointing to valid sample apps.
  4. update issue templates to include new link to template
  5. if possible, setup github redirect to point to new template location
  6. ensure we updates all references in docs to this template.

Issue Analytics

  • State:closed
  • Created a year ago
  • Comments:10 (5 by maintainers)

github_iconTop GitHub Comments

3reactions
MrDoomBringercommented, Jul 28, 2022

Here’s another issue related to this https://github.com/apollographql/apollo-client/issues/9659 (shoutout alessia!)

@alessbell fix in this thread worked. Some changes we can make to the error-template repo:

  1. The graphql@16 module seems to not transpile correctly on codesandboxes, see this for example. I think we can just revert graphql back down to 15.x until this is fixed

  2. Codesandbox seems to no longer want *.jsx files as entrypoints, though I can’t find this actually written anywhere. Very strange. Given that the fullstack tutorial uses Typescript, I think we can kill two birds with one stone and convert the index.jsx file to an index.tsx file, both letting it actually render, and putting it in a language which most apollo-client users are probably using anyways.

CC @hwillson

Edit: Regarding issue 9659, everything seems to be an issue with codesandbox. Downloading the CS to local and running works fine.

2reactions
MrDoomBringercommented, Jul 29, 2022

Does that mean we need to use this workaround

Nope! We can just set "main":"index.jsx" in the package.json, which feels more straightforward.

Read more comments on GitHub >

github_iconTop Results From Across the Web

product-reviews-sample-app
CodeSandbox is an online editor tailored for web applications.
Read more >
react-native-in-app-review examples
Learn how to use react-native-in-app-review by viewing and forking example apps that make use of react-native-in-app-review on CodeSandbox. ; Latest version4.2.1.
Read more >
react-review examples
React Review Examples. Learn how to use react-review by viewing and forking example apps that make use of react-review on CodeSandbox.
Read more >
react-star-review examples
React Star Review Examples. Learn how to use react-star-review by viewing and forking example apps that make use of react-star-review on CodeSandbox.
Read more >
react-native-store-review examples
Learn how to use react-native-store-review by viewing and forking example apps that make use of react-native-store-review on CodeSandbox.
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found