All comments

• 

  The Nghia•140

  @dothenghiaSubmitted almost 2 years ago

  This is my first project that uses ReactJS. So there were a few confusions during the implementation of the project:

  • I haven't used Vite to create a ReactJS project and I had some trouble deploying the project to github => I followed this website and this video . But I find it quite annoying to have to create a branch, Is this a good way to push Vite project to github?

  • Is it a good idea for me to use 'useState' and pass them through props for the child component to change the parent component's state?

  

  Interactive rating component [using ReactJS]

  3

  40
  

  Hsienz•550

  @HsienzPosted almost 2 years ago

  Hello, I also use Vite to create my react project. You can try to deploy your app on github by add base in your vite.config.js, which you have done it.

  Then, install gh-pages by

  npm i gh-pages
  

  And then, add these two scripts to your package.json's "scripts" object:

      "predeploy": "npm run build",
      "deploy": "gh-pages -d dist"
  

  so your package.json may look like

     ...
    "type": "module",
    "scripts": {
      "dev": "vite",
      "build": "vite build",
      "preview": "vite preview",
      "predeploy": "npm run build",
      "deploy": "gh-pages -d dist"
    },
    "dependencies": {
    ...
  

  then you can simply run

  npm run deploy
  

  to deploy your web to github

  Because I am also a beginner, I am not sure the answer of the second question. But I also pass useState to child. So I think it is ok to use.

  Hope those would help you.

  Marked as helpful

  0