February 2, 2022

Benefits of Using React

Benefits of Using React

Comparing React with Vue or Angular is quite hard, especially since all frameworks have similar abilities.

1. Most Popular Framework

Based on https://2020.stateofjs.com/en-US/technologies/front-end-frameworks/ React is the most used Javascript framework in the market currently.

2. Scalability

React is at an advantage due to its ease of scalability. React apps are written entirely in JavaScript, and the developers can use traditional code organization methods for easy scaling. Reusability of components improves React’s scalability.

While Vue is also scalable, it is more commonly used in smaller applications due to its diverse set of flexible tools (although the size of the app of course depends on the architecture).

Because of the dynamic architecture, you will need to use Vue’s libraries and Mixin elements to overcome scaling limitations. We believe that React is a better choice for building enterprise applications.

However, if Vue3 fully released, this opinion may change.

3. Easier for component minded developers to understand

For the component-minded developers React is easier to understand, since all react control is component based and can be split into tiny little components.

4. React is the Industry Standard

Some 3rd parties will provide sample code, and for the Javascript framework they commonly show sample code using React rather than Vue or Angular.

Below is some example documentation for stripe, They only give samples for React but not Vue or angular

5. Utilisation of the NEXT.JS framework

When creating a big project, using the framework is unavoidable.

In enterprise-level applications, stability is of utmost importance. Based on my experience NextJS has the most useful feature set and is the most loved for development.

In fact, if we use React, using Next.JS is mandatory.

Compared to another framework Vue with NextJS and Angular with NuxtJS, Next.JS is also the most loved.

Next.JS also has a lot of features that are really helpful when building an enterprise-class application such as SSR, AMP, advance routing, SSO (with Next-Auth), etc.

Next.JS also the most well-supported framework by Vercel and has the highest number of contributors compared to another framework.

Currently, Next.JS has 1,927 contributors, meanwhile, Nuxt.JS has 309 and Nest has 269 contributors.

https://stackshare.io/stackups/next-js-vs-nuxt-vs-nestjs

6. NextJS Compatibility with Serverless stack

Next.JS features are already fully supported in the serverless stack. The creators of "serverless-next.JS" held to their design principles of Zero-configuration by default and Fast deployments.

The ease of deployment with a Serverless framework coupled with benefits of serverless architecture, like inherent scalability, are huge selling points for further considering this approach.

Since NextJS version 9, all features are already supported in serverless (Including SSR).

https://blog.bitsrc.io/why-aws-love-next-js-1f7b6491857

https://www.serverless.com/blog/serverless-nextjs

https://medium.com/elmmly/ship-it-next-js-on-aws-with-serverless-framework-520593b257ea

Conclusion

While React is a bit overkill for a simple website, I disagree with FE developers don't need to learn React (or similar framework).

Since React is the most common framework in the market, it increases the chance for project work for Front-End developers, if they understand React.

Currently, 99% of the projects in the market are not only about creating a website, but more about creating complex applications.

In that case, it's highly likely projects will use Frameworks, so it's recommended that we use the most reliable one.