Dockerize your React app

Поделиться
HTML-код
  • Опубликовано: 31 июл 2024
  • НаукаНаука

Комментарии • 40

  • @sclssors
    @sclssors Год назад

    Great video! Helped me set up my react app for production! Very good pace in the video and clear instructions as well

  • @timmirzaliev
    @timmirzaliev Год назад

    Great tutorial

  • @yangubeibi.mp3
    @yangubeibi.mp3 2 года назад

    Got this served to me through the algoritm. Good luck on your yt journey, bro! 🚀

  • @vimleshkumari3009
    @vimleshkumari3009 Год назад

    Very halp Video 👌👍

  • @cmprsnipe
    @cmprsnipe 2 года назад +1

    This is simply the best and most straight forward tutorial for these concepts.

    • @KaranPratapSingh
      @KaranPratapSingh  2 года назад

      Thank you! did your issue get resolved? if not then feel free to open an issue here github.com/karanpratapsingh/tutorials/issues and I'll help you fix it

    • @cmprsnipe
      @cmprsnipe 2 года назад

      @@KaranPratapSingh yes I figured it out. In the RUclips video the yml files don’t have context: . under build. In the website it does have this. I added it in and it worked! Thanks again

    • @elijah_thornberry
      @elijah_thornberry 2 года назад

      @@cmprsnipe What was your issue? I might have the same one but I'm not sure what it is.

    • @cmprsnipe
      @cmprsnipe 2 года назад

      @@elijah_thornberry the yml file needed “context: .” which was not included in this video. The website tutorial does have it

    • @elijah_thornberry
      @elijah_thornberry 2 года назад +1

      ​@@cmprsnipe Thanks Matthew. I eventually ended up figuring this out with the website tutorial but I'm curious why his docker file ended up working without that line.

  • @vimleshkumari3009
    @vimleshkumari3009 2 года назад

    Very helpful video 😘👌

  • @vimleshkumari3009
    @vimleshkumari3009 2 года назад

    Great video 👌👍

  • @daxdax89
    @daxdax89 2 года назад

    You are very good explainer. Keep it going man.

  • @vimleshkumari3009
    @vimleshkumari3009 2 года назад

    Great 👌👍

  • @timlopes9666
    @timlopes9666 2 года назад

    Really good and clear... Keep it up

  • @azula2831
    @azula2831 3 года назад

    good stuff

  • @elijah_thornberry
    @elijah_thornberry 2 года назад +1

    Huh, using a completely fresh create-react-app, I get the following error when I run the first docker-compose command:
    "ERROR: The Compose file is invalid because:
    Service app has neither an image nor a build context specified. At least one must be provided."

    • @KaranPratapSingh
      @KaranPratapSingh  2 года назад +4

      in docker-compose yaml files add "context: ." I update it here dev.to/karanpratapsingh/dockerize-your-react-app-4j2e

  • @vimleshkumari3009
    @vimleshkumari3009 2 года назад

    Good 👍

  • @lakshayasood2197
    @lakshayasood2197 3 года назад

    Great video

  • @sharancj91
    @sharancj91 2 года назад

    great video, can you please make a video on how to manage .env files inside the docker container

  • @akashshrestha01
    @akashshrestha01 2 года назад

    great

  • @abhijeetshikharvlog1444
    @abhijeetshikharvlog1444 2 года назад

    Hi after refresh my page ngnix not found 404.Can u tell me how to slove this

  • @user-wp5gw3jl4s
    @user-wp5gw3jl4s Год назад

    Legendary vid, but can you explain what does production mode differ from dev mode?

  • @anatoliikryvorig1537
    @anatoliikryvorig1537 2 года назад

    Nice video, thanks! What is your color theme for VScode?

    • @KaranPratapSingh
      @KaranPratapSingh  2 года назад +1

      Thanks for watching..It's "Community material theme darker". Here's a link to my theme marketplace.visualstudio.com/items?itemName=equinusocio.vsc-community-material-theme

  • @AbhiAbhi-wu9sb
    @AbhiAbhi-wu9sb 2 года назад +1

    Buddy how your app is getting update/refresh on code change? (here I am using latest create-react-app)

    • @KaranPratapSingh
      @KaranPratapSingh  2 года назад +1

      For development, we mount our folder to docker container, once a file changes it is synced with the container and "yarn start" (which runs webpack dev server behind the scenes) picks it up.

    • @AbhiAbhi-wu9sb
      @AbhiAbhi-wu9sb 2 года назад +1

      @@KaranPratapSingh Bro! Even I am using your code completely but application is not getting refreshed/updated, can you figur it out why its is like so?

    • @mxrquez7692
      @mxrquez7692 2 года назад +1

      @@AbhiAbhi-wu9sb Hey, mate! Did you find the solution? How did you solve that problem?

    • @AbhiAbhi-wu9sb
      @AbhiAbhi-wu9sb 2 года назад +1

      @@mxrquez7692 use this in your .yml files
      environment:
      CHOKIDAR_USEPOLLING: "true"

    • @mxrquez7692
      @mxrquez7692 2 года назад +1

      @@AbhiAbhi-wu9sb ty for answering but didn't work for me tho :(

  • @undocumentox
    @undocumentox Год назад

    Hey I got a Issue, I can see my app, it is working everything right but whent I go to the browser I got localhost didn’t send any data.
    ERR_EMPTY_RESPONSE

  • @vimleshkumari3009
    @vimleshkumari3009 2 года назад

    Great video 👌👍