Scribd
Cargar
3 vistas2 páginas

Frontend Guide

El documento presenta una guía para construir un frontend profesional en React que interactúe con un backend de Spring Boot utilizando JWT. Se detalla una metodología de trabajo que incluye la comprensión del problema, la escritura de pseudocódigo y la implementación, así como un roadmap que abarca desde el setup del proyecto hasta la creación de una UI profesional. Además, se destacan conceptos clave como componentes, manejo de estado y autenticación mediante tokens.

Cargado por

Manuel Tortosa capilla
Derechos de autor
© All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como PDF, TXT o lee en línea desde Scribd
3 vistas2 páginas

Frontend Guide

El documento presenta una guía para construir un frontend profesional en React que interactúe con un backend de Spring Boot utilizando JWT. Se detalla una metodología de trabajo que incluye la comprensión del problema, la escritura de pseudocódigo y la implementación, así como un roadmap que abarca desde el setup del proyecto hasta la creación de una UI profesional. Además, se destacan conceptos clave como componentes, manejo de estado y autenticación mediante tokens.

Cargado por

Manuel Tortosa capilla
Derechos de autor
© All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como PDF, TXT o lee en línea desde Scribd

Guía Profesional Frontend (React + Spring Boot)

Visión del Proyecto

Construir un frontend profesional en React que consuma un backend Spring Boot con JWT
siguiendo prácticas reales de empresa.

Metodología de Trabajo

1 1. Entender el problema antes de programar

2 2. Comprender el concepto

3 3. Escribir pseudocódigo

4 4. Implementar

5 5. Verificar funcionamiento

Plantilla de Apuntes

1 Concepto

2 Qué es

3 Por qué se usa

4 Cómo funciona

5 Ejemplo

Roadmap Profesional

1 Fase 0: Setup del proyecto

2 Fase 1: Cliente HTTP (axios)

3 Fase 2: Primera llamada al backend

4 Fase 3: Login + JWT

5 Fase 4: Estado global (Context)

6 Fase 5: Interceptor

7 Fase 6: Rutas protegidas

8 Fase 7: Registro

9 Fase 8: Mostrar datos

10 Fase 9: Paginación

11 Fase 10: Roles

12 Fase 11: UI profesional


Conceptos Clave

1 Componente: función que devuelve UI

2 useState: estado del componente

3 useEffect: ejecutar código al cargar

4 Axios: cliente HTTP

5 JWT: autenticación mediante token

Mentalidad Profesional

1 Separar responsabilidades

2 No repetir código

3 Pensar en el frontend desde el backend

4 Diseñar APIs útiles para UI

También podría gustarte