Azure DevOps & Create React App : Build/Release Pipeline



In this video, we will see how to set up a build/deploy pipeline for Create React App in Azure DevOps. We will be using the YML format for the pipeline here, which makes it possible to have the build definitions as part of the source code.

Azure DevOps Build Release Pipeline For Create React App: https://www.rahulpnath.com/blog/create_react_app_devops/

Create React App: https://reactjs.org/docs/create-a-new-react-app.html

Azure DevOps: https://azure.microsoft.com/en-au/services/devops/

source

21 thoughts on “Azure DevOps & Create React App : Build/Release Pipeline”
  1. There should be a option in YouTube to like the video multiple times. I would have like it at least 100 times. You just saved weeks effort for me to set up the all this. You are awesome. Please continue the good work.

  2. Where does ZIP deploy actually copy the files in drop/1.zip to? Typically when I use ftp to manually copy the build directory to the server, I would copy the files into wwwroot. The release is successful but I don't see the files in wwwroot. Also when I goto the server url I get this error -> Not authorized to view. Thanks so much!

  3. I added a script "npm test" to also run tests along with creating a build but the it does not run, nor does it produce any error.

  4. Getting below error, How to fix ?

    32 error code EBADPLATFORM

    33 error notsup Unsupported platform for fsevents@2.3.2: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})

    34 error notsup Valid OS: darwin

    34 error notsup Valid Arch: any

    34 error notsup Actual OS: win32

    34 error notsup Actual Arch: x64

  5. I m quite impressed at most of your content and how you find way to present them in an easy to understand. Oh and it helps tremendously that you don’t have such a heavy Indian accent which most of the other same background YouTubers will be struggled with followers ! And most of all you chose Aussie land as the place to be!

  6. You saved my day, I was trying to do this from past 2 days and today I got his done in just 4 hours. You have a new follower now.

  7. Hi Rahul, it is a great video, can you please also share the UI and API deployment for react app, as you mentioned in this video at 1.19 to 1.20. I have a deployment like the UI and API way.

  8. I just want to know about "npm test" that is missing in video. Please show how to create pipeline for "npm test" ?

  9. I like that in all the videos of yours that I've watched, you don't start with a half-baked solution, you actually start with nothing. There were some Azure artefacts in this one you had created earlier, but I'm guessing you have a previous video for all that stuff. It's really nice to have a repeatable process from scratch. You're doing a great job with these videos.

  10. Nice tutorial !!!
    btw,
    FATAL ERROR: Ineffective mark-compacts near heap limit Allocation failed – JavaScript heap out of memory

    2020-01-08T06:28:33.4169516Z 1: 0x8fb090 node::Abort() [/opt/hostedtoolcache/node/10.24.1/x64/bin/node]

    Did you come across this issue while running the build pipeline??

  11. no such file or directory, stat '/home/vsts/work/1/s/src/build' I am getting this. What should I do?

Leave a Reply

Your email address will not be published.

Captcha loading...