Download Zendesk app with react template

image avatar

Israr Ansari

Posted Apr 12, 2022

I need a favor. I want to install a zendesk app with a react template but I could not find the proper documentation about it so can you please guide me on how can I do it?

0

17

17 comments

Date
    Newest
      image avatar

      Shai Israeli

      Eric Nelson,

      Thanks for the quick response!

      I've succeed to package a zip.

      I faced another issue, maybe you can help me to solve it.
      I'm trying to get ticket details when the status is changed.
      my code is:
      async _statusChanged(){
      const [ticket] = awaitPromise.all([
      this._client.get('ticket')
      ]);
      console.log(ticket.createdAt)
      }
       
      This function is fired by the trigger client.on('ticket.status.changed')
      The issue is that on the console ticket.createdAt is undefined - seems like the object is empty.
       
      Thanks in advance,
      Shai

       

      0

      image avatar

      Eric Nelson

      Hey Shai,
       
      You'll need to zip the dist directory after running the production build.

      If you're using ZCLI the below command will do this for you:

      zcli apps:package dist

      If you're using ZAT, you'll need to cd into the dist directory and then run the below command:

      zat package

       

      0

      image avatar

      Shai Israeli

      Hi Eric Nelson,
      I followed your documentation and things are not worked for me (trying to use the app as it is and upload it manually).

      The main issue is that I didn't succeed to package the app into a .zip file.

      Thanks in advance!

      0

      image avatar

      Michael Thomas

      Thanks Eric, I was able to figure it out and move some files around to make my react project work correct with with Zendesk.

      0

      image avatar

      Oleg

      Is there a reason why this does not fits your requirements?
      https://github.com/OlegGulevskyy/zendesk-vite-boilerplate

      Boilerplate is split into reusable packages. Each package is a separate app location. Each app location is nothing more than a regular react app (or any other framework for that matter). It is attempted to be well documented but things can be adjusted / improved.
      It is also utilizes typescript, which is a must have for production grade apps.

      0

      image avatar

      Michael Thomas

      I think what we are looking for as well is some kind of documentation as this boilerplate as its not standard react-app project

      0

      image avatar

      Greg Katechis

      Hey all! This isn't an official release, but for now we have this available: https://github.com/eric-at-zd/zendesk-react-boilerplate

       

      0

      image avatar

      Michael Thomas

      Hi Erica Girges, do you have ETA when ZCLI Boilerplate be available? Thank you

      0

      image avatar

      Oleg

      Hi Kenny Buckles and Israr Ansari,

      If you or anyone is still looking out for a boilerplate / scaffold to develop applications with react or any framework of your choice, you can take a look at my boilerplate here:

      https://github.com/OlegGulevskyy/zendesk-vite-boilerplate

      In this boilerplate you can:

      - Use any framework you want (React, Vue, Svelte)
      - Framework setup will not be any different to what you are used to see in your normal front end projects.
      - Boilerplate handles a lot of things behind the scenes so you don't need to worry about how to set it up, with detailed instructions, how to create all the applications supported by Zendesk Support
      - Real hot module replacement during local development, where you can make the changes and see the result instantly without refreshing the applications / page
      - Is not based on old zat tool but new zcli, which is more easier to work with. Finally no Ruby installation and no more pain on M1 macs

      Hope this helps

      0

      image avatar

      Erica Girges

      Hi Kenny,
       
      I know there's still some testing be done with it. As of now, we're looking at end of June for that to be publicly available. If you did have an immediate need/issue, please let us know and we can pull you into a ticket and take a look into helping you get setup.
       
      Best,
       
      Erica

      1

      Sign in to leave a comment.

      Didn't find what you're looking for?

      New post