React vs Spring

Overview

Spring

Stacks3.9K

Followers4.8K

Votes1.1K

GitHub Stars59.1K

Forks38.8K

React

Stacks182.6K

Followers147.0K

Votes4.1K

GitHub Stars240.3K

Forks49.7K

React vs Spring: What are the differences?

React and Spring are both widely used frameworks in web development. Let's explore the key differences between them.

Architecture: React is a front-end JavaScript library that focuses on building user interfaces. It follows a component-based architecture where the UI is divided into reusable components. On the other hand, Spring is a back-end Java framework that provides a comprehensive infrastructure for developing enterprise-level applications, with features like dependency injection and aspect-oriented programming.
Language: React uses JavaScript as its primary language for development. It allows developers to write both functional and class components using JavaScript. In contrast, Spring uses Java as its main language, which provides a wide range of features such as strong typing and object-oriented programming.
Target Platform: React is primarily used for building single-page applications (SPAs) and mobile applications using frameworks like React Native. It is suitable for creating interactive UIs and handling complex state management. Spring, on the other hand, targets enterprise-level server-side applications, typically running on Java application servers or cloud platforms.
Front-end vs Back-end: React focuses on the front-end development of the application and handles the user interface and state management. It requires integration with back-end technologies or APIs to manipulate data. In contrast, Spring is a full-stack framework that supports both front-end and back-end development. It includes features like data persistence, security, and integration with databases, messaging systems, and other enterprise systems.
Development Speed: React provides a development environment that allows for rapid prototyping and quick rendering of changes made to the UI. Its virtual DOM and component reusability make it easier to develop and maintain complex UIs. Spring, on the other hand, requires more setup and configuration due to its comprehensive enterprise-level infrastructure. Development speed might be slower in Spring, but it provides robustness and scalability for larger projects.
Community and Ecosystem: React has a large and active community, with numerous open-source libraries and components available for use. It also has extensive documentation and online resources for learning and troubleshooting. Spring, being an established framework, also has a vast community and a rich ecosystem of plugins and tools. It is widely adopted in enterprise development due to its long-standing reputation and stability.

In summary, React is a front-end JavaScript library focused on building user interfaces, while Spring is a back-end Java framework targeting enterprise-level applications. React is suited for building single-page and mobile applications, providing a fast development experience, while Spring offers a comprehensive infrastructure for full-stack development with scalability and robustness.

Share your Stack

Help developers discover the tools you use. Get visibility for your team's tech choices and contribute to the community's knowledge.

View Docs

CLI (Node.js)

Manual

Advice on Spring, React

Cyrus

Aug 15, 2019

Needs adviceon

Vue.js

React

I find using Vue.js to be easier (more concise / less boilerplate) and more intuitive than writing React. However, there are a lot more readily available React components that I can just plug into my projects. I'm debating whether to use Vue.js or React for an upcoming project that I'm going to use to help teach a friend how to build an interactive frontend. Which would you recommend I use?

884k views884k

Comments

Cyrus

Aug 15, 2019

Needs advice

Simple datepickers are cumbersome. For such a simple data input, I feel like it takes far too much effort. Ideally, the native input[type="date"] would just work like it does on FF and Chrome, but Safari and Edge don't handle it properly. So I'm left either having a diverging experience based on the browser or I need to choose a library to implement a datepicker since users aren't good at inputing formatted strings.

For React alone there are tons of examples to use https://reactjsexample.com/tag/date/. And then of course there's the bootstrap datepicker (https://bootstrap-datepicker.readthedocs.io/en/latest/), jQueryUI calendar picker, https://github.com/flatpickr/flatpickr, and many more.

How do you recommend going about handling date and time inputs? And then there's always moment.js, but I've observed some users getting stuck when presented with a blank text field. I'm curious to hear what's worked well for people...

401k views401k

Comments

Damiano

Oct 27, 2019

Decided

Preact offers an API which is extremely similar to React's for less than 10% of its size (and createElement is renamed to h, which makes the overall bundle a lot smaller). Although it is less compatible with other libraries than the latter (and its ecosystem is nowhere as developed), this is generally not a problem as Preact exposes the preact/compat API, which can be used as an alias both for React and ReactDOM and allows for the use of libraries which would otherwise just be compatible with React.

25.6k views25.6k

Comments

Detailed Comparison

Spring	React
A key element of Spring is infrastructural support at the application level: Spring focuses on the "plumbing" of enterprise applications so that teams can focus on application-level business logic, without unnecessary ties to specific deployment environments.	Lots of people use React as the V in MVC. Since React makes no assumptions about the rest of your technology stack, it's easy to try it out on a small feature in an existing project.
-	Declarative; Component-based; Learn once, write anywhere
Statistics
GitHub Stars 59.1K	GitHub Stars 240.3K
GitHub Forks 38.8K	GitHub Forks 49.7K
Stacks 3.9K	Stacks 182.6K
Followers 4.8K	Followers 147.0K
Votes 1.1K	Votes 4.1K
Pros & Cons
Pros 230 Java 157 Open source 136 Great community 123 Very powerful 114 Enterprise Cons 15 Draws you into its own ecosystem and bloat 4 Poor documentation 3 Verbose configuration 3 Java 2 Java is more verbose language in compare to python	Pros 837 Components 674 Virtual dom 579 Performance 509 Simplicity 442 Composable Cons 41 Requires discipline to keep architecture organized 30 No predefined way to structure your app 29 Need to be familiar with lots of third party packages 13 JSX 10 Not enterprise friendly
Integrations
Java	No integrations available

What are some alternatives to Spring, React?

Node.js

Node.js uses an event-driven, non-blocking I/O model that makes it lightweight and efficient, perfect for data-intensive real-time applications that run across distributed devices.

jQuery

jQuery is a cross-platform JavaScript library designed to simplify the client-side scripting of HTML.

Rails

Rails is a web-application framework that includes everything needed to create database-backed web applications according to the Model-View-Controller (MVC) pattern.

AngularJS

AngularJS lets you write client-side web applications as if you had a smarter browser. It lets you use good old HTML (or HAML, Jade and friends!) as your template language and lets you extend HTML’s syntax to express your application’s components clearly and succinctly. It automatically synchronizes data from your UI (view) with your JavaScript objects (model) through 2-way data binding.

Django

Django is a high-level Python Web framework that encourages rapid development and clean, pragmatic design.

Laravel

It is a web application framework with expressive, elegant syntax. It attempts to take the pain out of development by easing common tasks used in the majority of web projects, such as authentication, routing, sessions, and caching.

.NET

.NET is a general purpose development platform. With .NET, you can use multiple languages, editors, and libraries to build native applications for web, mobile, desktop, gaming, and IoT for Windows, macOS, Linux, Android, and more.

ASP.NET Core

A free and open-source web framework, and higher performance than ASP.NET, developed by Microsoft and the community. It is a modular framework that runs on both the full .NET Framework, on Windows, and the cross-platform .NET Core.

Vue.js

It is a library for building interactive web interfaces. It provides data-reactive components with a simple and flexible API.

Symfony

It is written with speed and flexibility in mind. It allows developers to build better and easy to maintain websites with PHP..

Related Comparisons

React vs Spring: What are the differences?

React and Spring are both widely used frameworks in web development. Let's explore the key differences between them.

Architecture: React is a front-end JavaScript library that focuses on building user interfaces. It follows a component-based architecture where the UI is divided into reusable components. On the other hand, Spring is a back-end Java framework that provides a comprehensive infrastructure for developing enterprise-level applications, with features like dependency injection and aspect-oriented programming.
Language: React uses JavaScript as its primary language for development. It allows developers to write both functional and class components using JavaScript. In contrast, Spring uses Java as its main language, which provides a wide range of features such as strong typing and object-oriented programming.
Target Platform: React is primarily used for building single-page applications (SPAs) and mobile applications using frameworks like React Native. It is suitable for creating interactive UIs and handling complex state management. Spring, on the other hand, targets enterprise-level server-side applications, typically running on Java application servers or cloud platforms.
Front-end vs Back-end: React focuses on the front-end development of the application and handles the user interface and state management. It requires integration with back-end technologies or APIs to manipulate data. In contrast, Spring is a full-stack framework that supports both front-end and back-end development. It includes features like data persistence, security, and integration with databases, messaging systems, and other enterprise systems.
Development Speed: React provides a development environment that allows for rapid prototyping and quick rendering of changes made to the UI. Its virtual DOM and component reusability make it easier to develop and maintain complex UIs. Spring, on the other hand, requires more setup and configuration due to its comprehensive enterprise-level infrastructure. Development speed might be slower in Spring, but it provides robustness and scalability for larger projects.
Community and Ecosystem: React has a large and active community, with numerous open-source libraries and components available for use. It also has extensive documentation and online resources for learning and troubleshooting. Spring, being an established framework, also has a vast community and a rich ecosystem of plugins and tools. It is widely adopted in enterprise development due to its long-standing reputation and stability.

React vs Spring

Overview