Photoshop vs React

Photoshop is used by professionals everywhere in a wide variety of fields including photography, graphic design and digital art. It is the de facto standard for image manipulation. If you've seen a magazine ad featuring a model, you've probably seen the effects of Photoshop. You won't be alone when using Photoshop.

A wide variety of plugins that add new effects, improve existing functionality and simplify workflow are available.

There's a huge number of both free and paid tutorials available online. Websites like Lynda.com offer premium high-quality, in-depth tutorials, but there are plenty of free alternatives to be found on YouTube, blogs and specialized sites on the Internet.

A stripped down version of Photoshop, called Photoshop Elements can be bought as a standalone application for $100.

Photoshop includes content-aware tools such as content-aware fill that can fill in a select area based on what surrounds it.

Photoshop is the most fully featured image editing software available today allowing you to perform highly advanced image manipulation.

It has tools for RAW image adjustments, lens correction, retouching, image stitching, HDR, fixing framing. It supports most professional color modes and file formats. It includes extensive lists of filters, styles, effects, fonts as well as tools for painting, sketching and typography work. It understands both raster and vector graphics. It even includes tools for video editing, working with 3D objects and support for 3D printing.

You can save all projects directly to the Creative Cloud allowing you to access them from any device and with any relevant Adobe software.

Lightroom is another image editing software from Adobe that's specifically designed for photo editing and managing of large quantities of digital images.

There's a free mobile app available for iOS, Android & Windows Phone.

Since every single UI component is created independently in JavaScript, it becomes very easy to reuse them throughout your app without having to re-write them.

React is built by Facebook engineers initially to be used only for their inner projects especially to solve the problem of building large complex applications with constantly changing data.

React can render it's components and data server side, then it sends those components as HTML to the browser.

This ensures faster initial loading time and SEO friendliness out of the box, since it's indexed as any other static website by search engines.

Instead of relying on the DOM, React implements a virtual DOM from scratch, allowing it to calculate precisely what needs to be patched during the next screen refresh. This is orders of magnitude faster than fiddling with the DOM itself.

React's one-way data binding (or one-way data flow) means that it's easy to see where and how your UI is updated and where you need to make changes. It's also very easy to keep everything modular, fast and well-organized.

ReactJS can be used independently as the only library for building the front-end, or it can be used alongside JavaScript libraries such as jQuery, or even Angular.

React provides a template engine (JSX) which is easy to use. But it's not mandatory.

The framework is widely used in the industry.

Since React's virtual DOM system is implemented completely in JavaScript, it's very easy to write UI test cases.

React has an official Chrome Extension which is used as a developing and debugging tool. It can be used to quickly and painlessly debug your application or view the whole application structure as it's rendered.

Flux is a platform agnostic pattern which can technically be used with any application or programming language.

One of Flux' main features is that it enforces uni-directional data flow which means that views do not change the data directly.

With React this is useful because this way it's easier to understand an application as it starts getting more complicated. By having two-way data binding, lead to unpredictable changes, where changing one model's data would end up updating another model. By using the Flux architecture, this can be avoided.

Since React v0.15, SVG is fully supported. React supports all SVG attributes that are recognized by today's browsers.

React is just a view library, so you still have (almost) full control over how your app behaves.

Reagent, Om, Rum, etc.

React is used on one of the most visited websites on the planet, Facebook. With stellar results and with millions of people experiencing it every day.