Added create react app example with typescript and basic usage

[luistak]

Following this issues:

#8204 (comment)

and

#8305 (comment)

i have added a simple create react app using pdfjs

[Snuffleupagus]

i have added a simple create react app using pdfjs

Adding close to 20000 lines of code doesn't really seem like a "simple" example to me, is all of this actually necessary!?

One thing that needs to be seriously considered here is to not commit the yarn.lock files (especially the top-level one since we're using package-lock.json in this library), since this is only an example and not shipping code.

[luistak]

i have added a simple create react app using pdfjs

Adding close to 20000 lines of code doesn't really seem like a "simple" example to me, is all of this actually necessary!?

One thing that needs to be seriously considered here is to not commit the yarn.lock files (especially the top-level one since we're using package-lock.json in this library), since this is only an example and not shipping code.

I apologize for committing the yarn lock files in this issue, already fixed it.

I referenced the PR as a simple react app, because i just run npx create-react-app my-app and added a simple usage of PDFjs with an app created with create-react-app

[Snuffleupagus]

Thanks for removing the yarn.lock files!
Please also see https://github.com/mozilla/pdf.js/wiki/Squashing-Commits

---

Are the *.png files completely necessary here?

[Snuffleupagus]

Is it necessary to add this "globally", or would it suffice to add it to the example-specific package.json file?
(If so, the package-lock.json file can be reverted as well.)

[luistak]

It was needed before i add typescript to the project, after that it's really not necessary, already removed it

[luistak]

I remembred the reason of the config, it's because of the Ci failure, should i add it again?

Link

[Snuffleupagus]

Would it work to add it to examples/create-react-app/package.json file, rather than the top-level package.json file?

[luistak]

Didn't work, i tried it, only in the top-level :(

[timvandermeij]

I also don't think we should have this here because the example should be self-contained. If need be, we can exclude the directory from ESLint, but I would suggest trying to remove the following lines from your package.json first:

  "eslintConfig": {
    "extends": "react-app"
  },

Perhaps that works?

[luistak]

i'll try it

[luistak]

Worked! Thanks @timvandermeij!

[timvandermeij]

In general this looks good and I'm glad that useful examples are being contributed!

[timvandermeij]

I also don't think we should have this here because the example should be self-contained. If need be, we can exclude the directory from ESLint, but I would suggest trying to remove the following lines from your package.json first:

  "eslintConfig": {
    "extends": "react-app"
  },

Perhaps that works?

[timvandermeij]

Thank you for providing this example and making it self-contained!