Entradas

Como Desarrollar Plantilla Blogger con ReactJS - [Parte I]

Imagen
Para crear este blog utilizo tecnología disponible de forma libre y gratuita. Hago uso de NPM, CRA, ReactJS, MUI y Blogger. Blogger permite crear un blog de la nada. No se requieren conocimientos en desarrollo web para empezar a publicar entradas. Tan simple como seguir estos pasos: Crear una cuenta Google Crear un blog Seleccionar un tema Escribir una entrada y listo. Si requieres una explicación paso a paso más profunda, te comparto el siguiente video. Una de las desventajas de Blogger es que sus plantillas no son modernas, y su editor de tema no permite la personalización con nuevos framework de desarrollo en Front-End, cómo por ejemplo: Angular, ReactJS o VueJS. Para poder utilizar ReactJS se requiere editar directamente el HTML de la plantilla de Blogger. Actualmente el sistema de platillas cuenta con las versiones 1 y 2. La versión 1 es menos restrictiva a lo que incluyamos en el HTML y la versión 2 tiene un corrector de sintaxi...

Como Desarrollar Plantilla Blogger con ReactJS - [Parte II]

Imagen
En mi entrada anterior compartí el código de una plantilla ReactJS con Material UI para Blogger, sin embargo aún no se enlaza con el contenido de las entradas de Blogger. En esta entrada veremos como realizar la conexión entre el Front desarrollado y el Back de Blogger. Comenzamos con los requisitos: Tener un blog de Blogger Configurar platillas clássicas en la sección de temas. Modificaciones de código Reutlizaremos gran parte del código de la platilla anterior, con la diferencia que a través de las tags de Blogger insertaremos el contenido de los posts en la forma de un objeto JSON. Para esto haremos una intercalación entre el código Javascript de ReactJS y las tags de Blogger. La primera parte que modificaremos es justo antes de import de los componentes de Material UI. Agregamos dos lineas de código que van a generar una bandera con un valor que dependerá de si la página actual es un post o es el home. Las líneas de códgio son las siguientes: const isHome = true...

Entradas más populares de este blog

Como Desarrollar Plantilla Blogger con ReactJS - [Parte I]

Como Desarrollar Plantilla Blogger con ReactJS - [Parte II]