React (React.js) vs. Shopify

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.

Shopify is perfect for companies who are looking to run a simple-to-medium base e-commerce system and aren't looking to get too fancy with integrations. Those companies, though, that have more complex integrations (especially with checkout) might be better off using another e-com system out there where you have access to the full core code.

Incentivized

• Solid backing by large organization (Facebook) thats committed to keeping the development on the project. In my mind, this is the number one priority for any library because without this: time is wasted on getting up-to speed on a library that you will never use, have a codebase with a library thats hard to maintain because few years down the lane, hiring devs to maintain an unsupported library is very difficult.
• As with any libraries, open source community's support is critical for success of any framework because this allows for more pre-built components that could be used right out-of-box => makes Development using React a breeze.
• React's Stateful and Stateless components make organizing your code a breeze. These components would also allow for writing clean Unit Tests on the logic.
• React's component lifecycle. It offers a variety of lifecycle methods, that allows for handling different scenarios of loading and manipulating data in the UI.
• I found React's documentation very well maintained with plenty of examples explaining each feature.
• Responsiveness is a very important criteria in selecting a UI and React is very responsive. It does some neat optimizations on re-rendering using virtual DOM and would only re-render parts of the DOM that changed. These optimizations makes React Applications feel really fast.
• React Native would allow for building applications that span across web and mobile interfaces (iOS and Android). This makes learning React even more enticing, because using a single library, you could build applications that span across Web, iOS and Android.
• create-react-app is an effort by Facebook (creators of React) that makes getting started with React really easy. It does all the heavy lifting of configurations for you and allow you to focus on just development.
• Small footprint, minified React + React DOM is under 150Kb, that makes loading UI's with react really fast.
• React + Enzyme (backed by Airbnb) + Sinon + Mocha + Chai makes unit testing the UI components fun and improves the overall maintainability of the project.

Incentivized

• Constant support and guidance on global policies that might affect your business
• Flexible app integrations with an open storefront to allow developers to create helpful services for businesses as they grow
• Extremely customizable - allowing a business to shine and operate in their own unique way

Incentivized

• React's state management can get hairy if you have a deeply nested component and need to pass things up or down the tree very far. This is where libraries like Redux come in, however.
• The progressive nature of its development and change cycles can leave information outdated online faster than other frameworks. This can make finding help or documentation on 3rd party sites frustrating.
• The learning curve on "thinking in React" can be slightly higher than other more familiar patterns of web development.
• Building an app in it can be cumbersome to set up with webpack, but things like Create React App can get you going in a jiffy.

Incentivized

• Basic requests for store management are not out of the box. Shopify puts a lot of stock in their apps and app partners to bring some of the features that I expected to be out of the box. I've used Shopify for multiple clients and ran into roadblocks for each when we were unable to do basic things. Sometimes the apps are free and it's no big deal. Other times you have to pay for another service to do something as basic as set up stock out reports and notifications.
• Their support/team communication is poor. Again, working on multiple stores with license on all their levels and the support was consistently unresponsive or unhelpful.
• If you're a partner managing multiple stores, the log-in between the partner dashboard and your individual stores is confusing. I'm often found in a loop searching for the right place to log in because you can't access the stores you are a partner on in the same way as the other Shopify stores. Seems minor, but it's a frustrating thing I encounter often.

Incentivized

Nothing we have used in the past or have seen thus far even comes close to offering what we get with Shopify Plus, especially for the price. You cannot even come close to getting what we are getting at the price we pay. We are beyond thrilled and Shopify Plus meets and exceeds all of our needs and expectations. We love it!

Incentivized

There are a few things that may take some getting used to when coming to a modern JS frontend. Tools like Babel and Webpack (or abstractions that hide their details from you) are often a starting point and JSX can be confusing at first. But assuming the developer is already familiar with modern frontend tools, React is a very natural fit and makes creating user interfaces a joy.

Incentivized

It is fairly easy to use Shopify regardless of what task you are attempting to perform. Most things are customizable to a degree without requiring coding ability. I have very limited coding experience and have still been able to navigate my way around changing features of the website that require edits to the code with the use of AI and trial-and-error. This previously wasn't possible with the WooCommerce platform.

Incentivized

Shopify support is always available when you need them.

Incentivized

Shopify website speed is quite impressive. Even if we integrate couple apps, it does not hamper the site speed.

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

In terms of support I give Shopify a 9 out of 10 because they're always very friendly and thorough, and they personally can't solve my problem for me they always point me in the proper direction with the proper information I need to move forward

Incentivized

Shopify offered us several trainings to setup a Shopify store, how to build a brand, SEO, product photography etc. All this content have been super helpful in our journey.

Incentivized

Just start now and make the switch, the sooner the better. You will love it and it is really a simple process

Incentivized

There are other options for building SPAs, and the two most common aside from React are Vue and Angular. React has been the leader of the pack for a while and has been an innovator. Angular is good for companies that want an opinionated framework so that it standardizes practices. However, Angular is known to be more difficult to work with and unnecessarily complex. Vue is seen as taking the best from React and Angular, and it is built for incremental upgrades. Vue has a passionate and growing user base, but it hasn't quite caught React in popularity.

Incentivized

Shopify out of the box had more features and did what we were looking to do that BigCommerce could not do without extensive customizations using a third-party vendor. That made it a very easy choice to switch to Shopify. Most of the customizations needed in Shopify we were able to do ourselves.

Incentivized

Shopify has basic to high-end plans. The plans grow with the brand`s growth and I love that about Shopify.

Incentivized

• Since we're still in the conversion cycle, all the data is not in. But React has had a positive impact on Developer productivity and the ability to produce efficient, highly flexible UX. This in turn, enhances our customer experience, which is generally the most important component of our ROI.
• Conversion has been difficult since it requires a change of mindset. Most developers have adapted quite well, but the process has been lengthy, and 2 years in, we are still not fully converted. This essentially is a temporary negative impact on ROI.

Incentivized

• It got the store up quickly so the client could start selling. She was previously selling products on Etsy and Facebook and wanted to consolidate everything onto one website, so the main thing Shopify solved was to reduce the store owner's time in managing all her products on multiple sites. Also, we had previously built a website on Wix with all the custom functionality and branding she needed - a truly great, high-end website - but it performed so slowly that it was unusable. So the speed at which Shopify can be set up and then works on the page is appreciable.
• The website was manageable by the client - she could figure the system out herself after a while so she saved money on costs for hiring developers. She did have to hire developers to customize some of the plug-ins but costs are all relative; it wasn't a high investment compared to building a full e-commerce website. With the complexity and size of her product base and the functionality and branding she wanted to have in a website, and the potential of her business, she would have needed to invest well over $10,000 to get to where she really needs to be. In the end she kept the budget under $5000.00.
• Costs kept climbing with plug-ins having to be added with everything. My client became more involved in building the website and began to try multiple plugins, and she did not have the skill base to evaluate the plugins functionalities so she chose plugins that did not do everything she needed, and then ended up paying the plugin developers to customize the plugins. So on one hand, it's pretty amazing to be able to bring up an e-commerce website as quickly as a week or so, but on the other hand if you need anything customized or deeper functionality in regards to product searching and filtering on the web page, and management on the backend, it quickly goes beyond the skills of the average person to manage, and above their expected budget as well. In the end my client really did not get anything close to the functionality for the website we had originally envisioned.
• Shopify was the easiest way we could find to bring the client's products to a global market. We evaluated several other platforms and the functionality simple did not seem to be adequate, so Shopify seemed like the only solution that could do enough of what we needed and still stay within this client's budget. Really the problem in this project was not platform per se but that the budget wasn't large enough. Shopify managed to provide a solution for an ecommerce store with thousands of products on a tiny budget, so in the sense of pure functionality it provided the best value of all the platforms we evaluated. The solution still isn't big enough for this client's business though so, without having insights into this client's post-build sales results, my guess is that because her new website did not make her products easier to sort through, and she likely didn't have much more budget left to invest in SEO and other marketing of the website, her sales probably didn't increase substantially as a result of having built the website. So I think this project all in all did not likely have a high ROI.

Incentivized