Download Zendesk app with react template

18 댓글

  • Erica Girges
    Zendesk Developer Advocacy
    Hi Israr,
     
    Thank you for posting your question to the Community! For clarity, are you building an app using React and looking to privately install it?
     
    Best,
     
    Erica
    0
  • Israr Ansari

    Hey Erica Girges

    yeah, I want to develop a Zendesk client-side application using react js. But there is no proper documentation that guides me on how to do it. I have already downloaded your template and there are lots of differences between your template and the normal react app.

    Thanks  

    0
  • Kenny Buckles

    I also have this question - the folder structure of the example app created by using:

    zcli apps:new --scaffold=react

    Is not the structure of a typical react app. Is there any documentation specific to the folder structure required for a side bar app?

    0
  • Erica Girges
    Zendesk Developer Advocacy
    Hi Israr & Kenny, 
     
    Apologies for the delay. We're actively working on a boilerplate repo for ZCLI with React. If you both don't mind giving me a few days, I can probably have that template for you. 
     
    Best,
     
    Erica
    0
  • Kenny Buckles

    Erica Girges I had another question - is React the only framework Zendesk currently supports for sidebar apps? Or could we utilize something like Vue/NuxtJs?

    0
  • Erica Girges
    Zendesk Developer Advocacy
    Hi Kenny!
     
    So in terms of having available scaffolds we are currently limited. However, you can definitely develop a sidebar app using other frameworks. I've personally built an app with Next.js as well. It would just a matter of establishing/initializing your connection to the client. 
     
    Hope this helps!
     
    Best,
     
    Erica
    0
  • Kenny Buckles

    Hi Erica Girges,

    Is there any update on the ZCLI Boilerplate you mentioned above?

    0
  • Erica Girges
    Zendesk Developer Advocacy
    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
  • 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
  • Korak

    Hi Erica Girges, Do you have a timeline on when ZCLI boilerplate will be publicly available? Thanks.

    1
  • Michael Thomas

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

    0
  • Greg Katechis
    Zendesk Developer Advocacy

    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
  • 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
  • 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
  • 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
  • Shai

    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
  • Eric Nelson
    Zendesk Developer Advocacy
    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
  • Shai

    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

댓글을 남기려면 로그인하세요.

Zendesk 제공