Todavía soy nuevo en React, he hecho muchos tutoriales y ahora estoy llegando a la parte práctica. Estoy traduciendo un entorno DEV clásico a React como ejercicio. Este consistía en PHP, Vanilla JS, un poco de jQuery, animaciones y transiciones con GSAP.
Pude traducir todo hasta ahora a un entorno React-Dev local y todo funciona hasta ahora.
Mi problema: en el proyecto original, utilizo una función JS Async / Await bastante clásica para cargar contenido local (sin JSON o solo imágenes, HTML a través de archivos php) en un área de vista predefinida:
async function getText(file) { let myObject = await fetch(file); let myText = await myObject.text(); document.getElementById('view').innerHTML = myText; } ...y entonces:
someLinkArray.forEach((el,i) => { el.addEventListener('click', (e) => { e.preventDefault(); return getText(`/projekt-${i+1}.php`); }); });Funciona bien, no se necesita nada más para esta situación.
En el momento de llevarlo a React ahora, lamentablemente estoy perdido.
Después de que ya miré algunos resultados de búsqueda, no puedo excluir un problema de comprensión básico y aquí necesitaría ayuda, por favor.
Las opciones para mi situación son según todas las apariencias
En el contexto explícito de AJAX para las siguientes opciones de las mencionadas a menudo:
Sobre todo, sé que la implementación declarativa de React y la asincronía pertenecen a la USP de React.
Entonces, ¿es un problema de comprensión después de todo y los archivos php o html deben crearse como un componente y luego llamarse a través de la metodología del enrutador de React? Recuerdo que me pareció muy inquietante el capítulo de ruta para React. Pero en principio puedo entender que la arquitectura de un framework JS se vea obligada a seguir otros caminos.
No obstante, ¿cuál es el enfoque oficial para esta técnica clásica?
Muchas gracias
Dado que estoy relativamente seguro de que algunos se sentirán como yo al cambiar a REACT a este cambio supuestamente simple pero al principio conceptualmente confuso:
La solución es: para que el contenido se cargue de forma asíncrona: NO HAY CONTENIDO A TRAVÉS DE API / JSON PERO archivos de sufijo HTML horriblemente normales:
es la solución
En retrospectiva, esto me parece ridículamente lógico ahora, pero en caso de que sea como otros como yo, para quienes este esfuerzo muy inflado en React parece poco realista, porque era bastante simple de hacer de la manera clásica con unas pocas líneas de código.
También el hecho de que la versión REACT formalmente hasta entonces relativamente compacta del propio proyecto debe dividirse en MUCHOS más componentes de los que uno realmente puede querer, uno entiende el principio detrás de esto mucho mejor.
componentDidMount y Hooks parecen estar enfocados conceptualmente en JSON, objetos en general y arreglos.