Magnolia vs. React

Overview
ProductRatingMost Used ByProduct SummaryStarting Price
Magnolia
Score 8.1 out of 10
Mid-Size Companies (51-1,000 employees)
Founded in 1997 with a vision to create the first truly open content management system, Magnolia is presented as a fast way to launch digital experiences. With a mission to help clients move fast and stay flexible and boasting users among brands like Atlassian and The New York Times, Magnolia DXP supports industries ranging from automotive to telecommunications, offering enterprise features and headless agility to help them stay ahead. From humble beginnings in Basel, Magnolia's…N/A
React
Score 9.1 out of 10
N/A
React is a JavaScript library for building user interfaces. React enables users to create interactive UIs. Design simple views for each state in an application, and React will update and render just the right components when data changes. React is available free and open source under the MIT license.N/A
Pricing
MagnoliaReact
Editions & Modules
No answers on this topic
No answers on this topic
Offerings
Pricing Offerings
MagnoliaReact
Free Trial
YesNo
Free/Freemium Version
YesNo
Premium Consulting/Integration Services
YesNo
Entry-level Setup FeeNo setup feeNo setup fee
Additional Details
More Pricing Information
Community Pulse
MagnoliaReact
Considered Both Products
Magnolia
Chose Magnolia
Cost was prohibitive for SiteCore. We liked the support that Magnolia gives us in terms of being an actual Company. We love open-source, but have had problems with Umbraco in the past in terms of upgrade paths etc.
React

No answer on this topic

Top Pros
Top Cons
Features
MagnoliaReact
Security
Comparison of Security features of Product A and Product B
Magnolia
8.0
70 Ratings
2% below category average
React
-
Ratings
Role-based user permissions8.070 Ratings00 Ratings
Platform & Infrastructure
Comparison of Platform & Infrastructure features of Product A and Product B
Magnolia
8.0
69 Ratings
4% above category average
React
-
Ratings
API8.562 Ratings00 Ratings
Internationalization / multi-language7.562 Ratings00 Ratings
Web Content Creation
Comparison of Web Content Creation features of Product A and Product B
Magnolia
8.0
75 Ratings
4% above category average
React
-
Ratings
WYSIWYG editor8.566 Ratings00 Ratings
Code quality / cleanliness8.466 Ratings00 Ratings
Admin section8.071 Ratings00 Ratings
Page templates8.973 Ratings00 Ratings
Library of website themes7.01 Ratings00 Ratings
Mobile optimization / responsive design8.564 Ratings00 Ratings
Publishing workflow7.574 Ratings00 Ratings
Form generator7.059 Ratings00 Ratings
Web Content Management
Comparison of Web Content Management features of Product A and Product B
Magnolia
7.5
70 Ratings
1% above category average
React
-
Ratings
Content taxonomy7.564 Ratings00 Ratings
SEO support7.064 Ratings00 Ratings
Bulk management7.858 Ratings00 Ratings
Availability / breadth of extensions8.063 Ratings00 Ratings
Community / comment management7.052 Ratings00 Ratings
Best Alternatives
MagnoliaReact
Small Businesses
Divi
Divi
Score 9.9 out of 10

No answers on this topic

Medium-sized Companies
Image Relay
Image Relay
Score 9.5 out of 10

No answers on this topic

Enterprises
Tridion
Tridion
Score 9.0 out of 10

No answers on this topic

All AlternativesView all alternativesView all alternatives
User Ratings
MagnoliaReact
Likelihood to Recommend
8.0
(79 ratings)
7.1
(13 ratings)
Likelihood to Renew
8.1
(9 ratings)
-
(0 ratings)
Usability
8.0
(69 ratings)
9.0
(2 ratings)
Performance
8.5
(68 ratings)
-
(0 ratings)
Support Rating
9.1
(3 ratings)
10.0
(3 ratings)
Online Training
8.2
(1 ratings)
-
(0 ratings)
User Testimonials
MagnoliaReact
Likelihood to Recommend
Magnolia
Magnolia is a very capable DXP, that provides client with lots of flexibility in composing its own stack. While the core of the platform is a content management system, the open architecture of Magnolia DXP allows it to connect to any platform, allowing client to extend the capabilities. One scenario would be a centralized content hub - where through a single platform, content authors can choose which channel to distribute what content. For example, long form content for consumers viewing on a laptop, short form content for those using a mobile browser. This allow the client to personalized the experience based on channels. Another scenarios would be leveraging on GenAI - using Magnolia's built-in connector to ChatGPT. If that is not the service that one desire, you can always connect to another AI service such as Google Gemini. With GenAI, connected, content author can use AI as co-pilot to help them scale up their content production.
Read full review
Open Source
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.
Read full review
Pros
Magnolia
  • Speed of development - time to delivery from zero to MVP was excellent
  • Ease of use - the authoring experience is very easy to build and train
  • PAAS/SAAS - the managed service platform removed the traditional overhead of running in-house technologies, meaning we could focus on value add, with less time spent keeping the lights on.
Read full review
Open Source
  • 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.
Read full review
Cons
Magnolia
  • The documentation provides samples that are often out of context, and difficult to know where the provided example code should be implemented. More tutorials providing the full project or step-by-step instructions on how to implement subject material would help greatly. Baeldung is a resource I would consider the gold standard in how this is done in other spaces.
  • The use of JCR and Nodes makes object serialization/deserialization painful. Jackson compatibility or similar would be a welcome enhancement to the developer experience. Maybe leveraging code-gen from light modules to build model classes when possible could help accomplish this.
  • Modifying the home layout from light modules is frustrating. It seems that any configuration overrides made merge with the default rather than overwriting, which makes for a difficult combination of guess-and-check while referencing the documentation to see what should be in each row/column when making changes.
  • Including "mark all as read" or "delete all" in the notifications app would be a great quality of life improvement. It seems that by default, users have to individually select messages and operate them.
Read full review
Open Source
  • 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.
Read full review
Likelihood to Renew
Magnolia
We have invested a lot of time and energy into tailoring a solution that works for the company.
We think the new features in v6.2 will help us get to the next level
We also don't have the resources to rebuild a website platform from scratch even if we wanted to
Read full review
Open Source
No answers on this topic
Usability
Magnolia
We've shown it to a number of users both clients and our own team and despite initial apprehensions, they "get it" very quickly. It's intuitive and friendly and quick to perform daily tasks. We once had a client tell us "Using Magnolia makes me smile" which says it all for us.
Read full review
Open Source
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.
Read full review
Performance
Magnolia
I gave [it] 7/10 only because of the loading time of pages. Otherwise, I think it deserves an 8. Normally this is not an issue per [se] but considering the rating matrix and as I have been asked to honestly write about it. Yes, the page loading times could be improved.
Read full review
Open Source
No answers on this topic
Support Rating
Magnolia
You always get an answer based on your SLA. But you always get a solution. That's the successfactor in this case. To often i was frustrated about people in a company without even a clue what there product is about or how to solve a problem. Magnolia's Support Team does a very good job and try to help you in most of the cases
Read full review
Open Source
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.
Read full review
Alternatives Considered
Magnolia
I've used several CMSs like AEM and EpiServer, and comparatively, they all excel at different things. Magnolia is the best to develop for/against. Episerver has the best/most fluid UI in terms of content editing, and the overall admin experience AEM is just all around sucks.
Read full review
Open Source
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
Read full review
Return on Investment
Magnolia
  • Magnolia has brought about positive impacts. For instance, we need not outsource web design and marketing services because thanks to this software, we can handle most work inhouse
  • The software is affordable with no compromises on capabilities and therefore it is gives us value for money.
  • The templates makes the whole process easy
Read full review
Open Source
  • 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.
Read full review
ScreenShots

Magnolia Screenshots

Screenshot of the customer experience: Brings together content and audiovisual digital assets to form more compelling digital experiences.Screenshot of the Magnolia App Launcher, used to switch between workspaces and manage pagesScreenshot of Magnolia's native analytics integration framework, used to take advantage of data directly in the authoring UI, coupled to content.Screenshot of global search that brings relevant content, no matter where it resides.Screenshot of customizing the ecommerce experience.