The advantages of React for creating a modern application

Abstract

[ES] Muchos frameworks de programación se están enfocando a simplificar la creación de una buena interfaz de usuario. Una de las mejores herramientas es React. Es por eso que elegí React como tema para mi TFG. React permite modificar y renderizar de manera eficiente los componentes de una aplicación. En mi proyecto, examinaré las ventajas de React. Utilizándolo, construiré una aplicación moderna. Un objetivo de la tesis es describir las ventajas de React frente a otros lenguajes disponibles. Para compararlo, usaré Php como una de las referencias. Mi primer objetivo será centrarme en los componentes de React como la principal herramienta para la modificación eficiente de datos. Después de eso, investigaré herramientas de React. Explicando las tres formas de crear la aplicación web React, usando Create-app, NextJs y Gatsby. Mi enfoque principal será NextJs. Examinaré en profundidad las ventajas y oportunidades de NextJs. El objetivo final del TFG es crear una aplicación web con la ayuda de React y NextJs, utilizando todas las ventajas que ofrecen para crear una aplicación web moderna. La aplicación será una aplicación de comercio electrónico, donde las personas pueden subir productos, pero también comprar productos de otros clientes. Se explicará paso a paso la creación de la aplicación. Desde la instalación de las bibliotecas necesarias hasta la creación de modelos de bases de datos y la conexión al backend. Para el backend, usaré Prisma. GraphQL y Apollo (Queries) realizarán la obtención de datos y la manipulación de datos con Mutation. En base a esto, se construirá una aplicación web que podrá ser utilizada con fines comerciales. Con la eficiencia y velocidad de la aplicación web, demostraré todos los beneficios de React con NextJs.

[EN] Many frameworks are focusing on simplifying the creation of a rich user interface. One of the best tools is React. That¿s why I chose React as a topic for my TFG. React allows you to efficiently modify and render the right components. In my project, I will examine the advantages of React. Using it, I will build a modern application. The aim of the work is to describe the advantages of React compared to other available languages. For comparison, I will use Php. My first goal will be focusing on React¿s components as the main tool for efficient data modification. After that, I will research React¿s toolchains, explaining three ways of creating React web apps, using Create-app, NextJs, and Gatsby. My main focus will be NextJs. I will look deeply at the advantages and opportunities of NextJs. The last goal of the diploma work is to create a web application with the help of React and NextJs, using all the advantages they offer on creating a modern web application. The application will be an e-commerce application, where people can upload products, but also buy products from other customers. The creation of the application will be explained step by step. From installation of needed libraries to creating database models to connecting to the backend. For the backend side, I will use Prisma. The fetching of data will be done by GraphQL, and Apollo(Queries), and manipulation of data with Mutation. Based on this, a web application will be built that can be used for commercial purposes. With the efficiency and speed of the web application, I will prove all the benefits of React with NextJs.