React.js #8: Añadir rutas a nuestro proyecto con React Router

En React.js existe un librería llamada React Router que nos permite añadir rutas a cualquier proyecto React. En esta entrada, lo que vamos a hacer va a ser crear una navegación por rutas. Crearemos un componente por cada ruta para que se muestre uno u otro según la ruta en la que estemos. También, veremos cómo pasar parámetros a las rutas y cómo gestionar el acceso a una página no existente (404).

Continuar leyendo «React.js #8: Añadir rutas a nuestro proyecto con React Router»

Laravel Telescope. Instalación y uso.

Laravel Telescope es un paquete que nos ayuda a debugar nuestra aplicación de manera sencilla. Con Laravel Telescope podremos ver todas las requests que se han hecho, consultas a la base de datos, comandos ejecutados, excepciones que se lancen, ver los emails enviados, etc, etc. En esta entrada, vamos a ver cómo instalarlo y veremos qué hace cada sección.

Continuar leyendo «Laravel Telescope. Instalación y uso.»

React.js #7: Refs

En esta entrada, vamos a ver las refs (referencias). Según la documentación de React.js, las refs son una forma de acceder a elementos del DOM o a elementos React creados en el método render. En el ejemplo que vamos a ver a continuación, lo que haremos será indicarle al componente del formulario (PostForm.js) que una vez se haya renderizado, haga focus en el input del título automáticamente y lo haremos mediante refs.

Continuar leyendo «React.js #7: Refs»

Enviar emails usando colas (queues) en Laravel

Laravel nos proveé una herramienta que son las colas o queues que nos permiten ejecutar procesos, que hacen que nuestra aplicación se ralentice, en background. Es decir, nos permite ponerlos en una cola de procesos y que se vayan ejecutando en background según van entrando a la cola, uno a uno. Así, al ejecutarse en background, se evita que nuestra aplicación se vea afectada, porque los procesos se ejecutarán por debajo, mientras nuestra aplicación continua con su ejecución.

Continuar leyendo «Enviar emails usando colas (queues) en Laravel»

React.js #6: Consumir una API

En esta entrada, vamos a hacer que el ejemplo que hemos ido creando durante las entradas anteriores obtenga los posts de una API, en vez de que estén en el código hardcodeados. También, haremos que el formulario de creación se envíe a una API y que después se añada el post creado al listado y para eliminar lo mismo, que se haga una llamada a la API y se elimine el post del listado.

Continuar leyendo «React.js #6: Consumir una API»