Skip to main content
Sturm359
Inspiring
October 17, 2019
Question

Adobe CEP and modern frameworks.

  • October 17, 2019
  • 1 reply
  • 2362 views

First, my apologies if this posted to the wrong forum. It seems the "new" CEP forum has already disappeared after just two years (or less, most likely).

 

Now I have successfully created an Adobe CEP extension, but it was a very simple one and I was able to do so with just simple HTML and JavaScript. I did manage to get TypeScript working with it (both in the js and the jsx contexts), but it was still mostly meant as a means for me to get my feet wet with CEP and TypeScript.

 

I now have a much larger project. One that is at least two or three of orders of magnitude larger.

 

I would still like to leverage TypeScript on this project and use OOP principles (of which I am still learning as I go), but I also see that it might be helpful to also leverage a framework so I won't have to reinvent the wheel when it comes to many common actions.

 

For example, I'll need this panel to interact with a MySQL database. Now, I could just add the mysql JavaScript driver and code its implementation by hand (I did this with the Java app that I created a few years ago, which is what this CEP extension will be replacing). However, it might be more beneficial to use an ORM such as Sequelize or, more likely, TypeORM since it leverages TypeScript.

 

Doing more research, I thought that perhaps I may even want to use LoopBack, as it does even more stuff than just an ORM and even resembles something close to Laravel, which is a PHP framework with which I am quite familiar. So I then thought about frameworks and thought that React or (more likely) Angular might be something I could go with since they have even more tools out-of-the-box I could leverage to help build this extension.

 

And here is where I find myself: overwhelmed with information, stuck in analysis paralysis, and not sure where to go from here. As an example of one rabbit-hole I found myself in, I spent a half-hour trying to figure out what the `action` attribute of a `form` element should be in the HTML. I've found bits and pieces of information, such as this CEP starter setup that claims to use Angular to make a CEP extension, or this Adobe forum post from a user who says s/he has already created one in Angular… There's also a TypeScript starter, CSInterface-TS, and others. Whew.

 

I really would like to use a modern framework like Angular and Tailwind to help me build this extension, but just doesn't appear to be any good information out there to help me choose what's best and how to go about getting started. Sure, there's the official Github repositories with plenty of resources for building an extension out of plain HTML and JS, but nothing really helpful for using Angular or even just TypeScript to help build it.

 

Can anyone help me to get out of this analysis paralysis?

    This topic has been closed for replies.

    1 reply

    Participant
    July 6, 2020

    hello there, I'm really at this point now and need some help, please tell me how this went for you

    Nancy OShea
    Community Expert
    Community Expert
    July 6, 2020

    Moved from Download & Install forum to Adobe Labs.

     

    Nancy O'Shea— Product User & Community Expert
    PECourtejoie
    Community Expert
    Community Expert
    August 13, 2020

    Moved from Labs to Exchange...