Adobe Target vs. React (React.js)

If you're using the Adobe stack and tools to power your website, Target is a great solution to implement. I've utilized Target within two organizations, one running on Adobe Experience Manager (AEM), and the other on Adobe Magento. I don't see how companies could harness the full capacity of Target without also having Adobe Analytics integrated. This is their 'secret sauce' and might not be a good solution for companies who are invested in Google Analytics 360. Integration was straightforward but did require support from the Adobe team to implement successfully. While Target is a great tool for digital teams to support, you'll need your tech team aligned and available to support implementation.

Incentivized

React is a JavaScript user interface construction library that works well for:

• Developing web apps with dynamic and complicated user interfaces.
• creating reusable UI elements that may be used in other applications.
• creating single-page applications with dynamic content updates that don't require a page reload.
• The Virtual DOM's effective updating mechanism allows it to handle large volumes of data updates.

React, on the other hand, might be less suitable for:

• Websites that are simple, stagnant, and have no interaction. Other libraries or simple HTML, CSS, and JavaScript may be a better fit in such circumstances.
• Web sockets may be a better choice for applications that need real-time updates, such as chat or gaming apps.
• When creating mobile apps, React Native is a better option.
• Server side rendering only, as React is designed to run on the client side.

• This application gives us an incredible integration with Adobe Analytics that allows its operation to be the best and determine the performance of our website.
• It offers us an analysis based on user behavior and a web page customization option to adapt and meet the needs of those users.

Incentivized

• React is fantastic for building performant user interfaces. Our web app is snappy and great for our customers.
• React has the philosophy of doing one thing and doing it well which is the view layer of the application. This makes it incredibly intuitive and flexible for developers to use.
• React has lead the way in being able to write modular and structured code. It is a drastic improvement since the days of spaghetti jQuery code.
• React has an unmatched community. The amount of tools and libraries available is fantastic, and there plenty of solutions available online for common problems.

Incentivized

• This is something a lot of testing tools struggle with, but I think the WYSIWYG ("What you see is what you get") editor - or Visual Experience Composer (VEC) in Adobe terminology - could definitely use some work. It's a struggle to execute many tests beyond simple copy, color, placement changes, and even the features that do exist are often clunky if not altogether broken.
• The interface itself can be a bit counterintuitive in certain parts. If you are familiar with other tools, it's likely middle of the road in this respect; think much easier to understand than Monetate for instance, but a far cry from the simplicity of an Optimizely.
• It can be a bit buggy from time to time. The worst example is the frequency at which the tool will fail to save due to an error, but not inform you of this until you try to save, at which point your only option is to log out, log back in, and make all of your updates once again. It can become an extreme pain point at times, and I personally have just gotten into the habit of saving every couple of minutes to avoid a massive loss of productivity.

Incentivized

• Debugging React is challenging. Bugs in react code generate stack traces internal to React and it is often totally unclear how it relates to the code you actually wrote.
• Relating your React elements to corresponding DOM elements is difficult. The intentional separation of virtual and actual DOM also makes it difficult to map the elements to the structures in the DOM. This is partially ameliorated by the use of the React dev tool, which provides a DOM-like view of the React elements, but the tool still does not provide a direct correspondence with the DOM that is often necessary to figure out why something isn't right.
• Because JSX is React-specific and not a language feature, a special compilation process is necessary to convert JSX code to normal JS. Coming from a C++ background, compiling things doesn't bother me, but many JS developers are used to a less structured development.

Incentivized

We have a team of people trained on how to use the application and it integrates well with the other Adobe products we use. Our future roadmap of testing will require some complex scenarios which we hope Target will be able to accomplish

The recent UI update is a complete mess. It is difficult to navigate and find features that previously existed. The reactiveness of the page depending on window size is also ridiculous and it is absurd that depending on how large your window is, entire columns of functions will disappear with no indication that they are missing. The usability of the tool has fallen off a cliff.

Incentivized

React is just a bit of a different animal. I was avoiding it for the longest time. I thought for sure I would land on Vue or something else with a more approachable and familiar appearance. But after taking an online course in React, I started realize what people were raving about (and complaining about) and decided to implement it at our office for one of our products.

Incentivized

i don't think we use the full functionalities of the tool, but to use the full functions, it's almost impossible (Too hard)

The bottleneck is never the software program

On several occasions, we have had the need to ask for help from the Adobe Target support team, and I must say that they have provided us with an excellent experience, as they take care of solving the problems quickly and with high precision

Incentivized

Since it's open-source and very popular, the community support for React and related tools and libraries is excellent. There are a lot of people using the same tools, and so issues tend to get fixed quickly and "recipes" are easy to come by. And since it's backed by Facebook, they have a dedicated engineering team working on the progression of React.

Incentivized

The instructor that came to train us was awesome and this training was very useful. I would recommend it for anyone who is going to be using this software. I only mark it lower because it is an added expense to an already expensive product, and a lot of the training covered the "Target" portion of the software (which again, we didn't use)

The training was very easy to understand, however it would have been more useful to my development team than me. It was also primarily over-the-phone, which is never as easy to follow as in-person. We ended up scheduling and paying for an in-person training session to supplement the online/phone training because it wasn't helpful enough.

Implement using a global mBox on the page so you can change any and everything over the traditional method. Traditional method is good if you do not have technical web dev resources, do not know Javascript/jQuery, or you have money to blow on mBox calls. Global deployment reduces mBox calls and allows you to touch many parts of the page easily. A lot more customizable

We seriously considered another software but because we use so many other Adobe products this made the most sense for us. If you are not dependent on other Adobe software and are a smaller company, in my opinion, Target may not be the best fit.

Incentivized

While this is a widely contested debate with various blog posts and benchmarks all over the place, its really a personal choice to determine what works for the team. Coming from a Angular 1.x background, I decided to try a new framework when Angular 2.x was announced and at that time React is gaining popularity and Vue hasn't taken off yet. Compared to Angular 1.x and Vue (hybrid of React and Angular) that split the logic from the html templates, I loved the way React breaks code into components using the jsx syntax. In my mind, this allows for cleaner components and easier maintenance

Incentivized

• We have been able to run specific A/B tests that have shown an increase in conversion, which in turn has led to very large banked sales numbers for the year.
• We have been able to prove that using and automated Merchandising process did not decrease conversion. This allowed us to greatly increase efficiency by opening up resource time.

• Our web applications now run much faster because the whole page doesn't reload
• We spend less time developing UI components because a lot of them are readily available on NPM
• We don't have to optimize apps for multiple browsers since React natively supports it.

Incentivized