React (React.js) vs. WordPress

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.

In my opinion, smaller organizations with simpler layouts would be well suited to use WordPress, however, larger organizations with more advanced website feature needs may need another product. We found the website to be great at first, but as we grew, we needed more options that were not fitting for the product we had with WordPress and had to look at alternatives.

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

• Easy to use User Interface
• Coding / Plugin Implementation is awesome
• There's always a solution available for the platform
• Security is easy to use and robust
• Implementation with 3rd party platforms, such as Google's variety of tools
• Can download and host on your own server or use their hosted servers

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

• WordPress breaks often so you need to have someone who understands how to troubleshoot, which can take time and money.
• Some plugins are easier to customize than others, for example, some don't require any coding knowledge while others do. This can limit your project if you are not a coder.
• WordPress can be easily hacked, so you also need someone who can ensure your sites are secure.

Incentivized

As time goes on, websites will become less focused on paged content and more immersive. At the same time, the need for security will only go up. While WordPress has served the web community well for over 11 years, it's probably time to look for other better platforms.

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

WordPress has excellent UX/UI, mainly because it's familiar. The platform is still a bit dated on the back end, but it has improved from the past. I wouldn't give it a 10 in this area because it does require some coding and development knowledge. You can't just jump in and create a website with confidence, like you would with Jimdo, Squarespace or similar tools.

Incentivized

Anyone can visit WordPress.org and download a fully functional copy of WordPress free of charge. Additionally, WordPress is offered to users as open-source software, which means that anyone can customize the code to create new applications and make these available to other WordPress users.

Mostly, any performance issues have to do with using too many plugins and these can sometimes slow down the overall performance of your site. It is very tempting to start adding lots of plugins to your WordPress site, however, as there are thousands of great plugins to choose from and so many of them help you do amazing things on your site. If you begin to notice performance issues with your WordPress site (e.g. pages being slow to load), there are ways to optimize the performance of your site, but this requires learning the process. WordPress users can learn how to optimize their WordPress sites by downloading the WPTrainMe WordPress training plugin (WPTrainMe.com) and going through the detailed step-by-step WordPress optimization tutorials.

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

WordPress itself only has community service so your experience will depend on where you turn. Online, through forums and community boards, support is rudimentary but effective. You can easily turn to your local community and find exceptional individuals who know and use WordPress regularly for more advanced, inexpensive, support. I'm rating this less than 10 because of the lack of any formal support provided by a company.

Varies by the person providing training. High marks as it's incredibly easy to find experienced individuals in your community to provide training on any aspect of WordPress from content marketing, SEO, plugin development, theme design, etc. Less than 10 though as the training is community based and expectations for a session you find may fall short.

It is very easy to find online resources to learn how to do just about anything with WordPress.

WordPress is not a great solution if you have: 1) A larger site with performance / availability requirements. 2) Multiple types of content you want to share - each with its own underlying data structure. 3) Multiple sites you need to manage. For very small sites where these needs are not paramount, WordPress is a decent solution

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

There are no other site builders/platforms that stand up to the ease and versatility (heavy custom coding and customizations included) as Wordpress. Drupal is clunky and outdated, as is Joomla, and while Wix or Squarespace may be sufficient for someone with very low web needs, much like Shopify, it's incredibly limiting and either requires hitting it with a hammer and hacking code together to do what you want, or relying on often shoddily-built third party themes and liquid scripts.

Incentivized

WordPress is completely scalable. You can get started immediately with a very simple "out-of-the box" WordPress installation and then add whatever functionality you need as and when you need it, and continue expanding. Often we will create various WordPress sites on the same domain to handle different aspects of our strategy (e.g. one site for the sales pages, product information and/or a marketing blog, another for delivering products securely through a private membership site, and another for running an affiliate program or other application), and then ties all of these sites together using a common theme and links on each of the site's menus. Additionally, WordPress offers a multisite function that allows organizations and institutions to manage networks of sites managed by separate individual site owners, but centrally administered by the parent organization. You can also expand WordPress into a social networking or community site, forums, etc. The same scalability applies to web design. You can start with a simple design and then scale things up to display sites with amazing visual features, including animations and video effects, sliding images and animated product image galleries, elements that appear and fade from visitor browsers, etc. The scaling possibilities of WordPress are truly endless.

• 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

• Allowed us to being all websites under a single umbrella, saving costs on similar products.
• It's increased our website turn time and made us faster and more efficient at launching websites.
• Edits and tweaks happen much faster as we have a customized environment.

Incentivized