The test is not centered: <h1 className="text-5xl font-bold text-center">Hello world</h1>

I thought it was a tailwind configuration error


Foto de Connor Danylenko en Pexels

Autenticar usuarios es una de las funcionalidades más básicas y necesarias al construir cualquier aplicación web/mobile/etc. Al tener una autenticación debemos tener un acceso privado a rutas que alguien que no tiene una sesión activa no pueda ver.

Cuando trabajamos con React logramos encontrar multiples soluciones para estructurar nuestras rutas: colocar todo en el index.js, crear archivo routes.js, crear una carpeta para manejar las rutas alli… y cantidad de estructuras mas.

Lo que puedo recomendar es trabajar con el que te sientas cómodo o se sientan cómodos (si estás trabajando en un equipo).

En esta ocación vamos a trabajar con…


But this solution is not scalable, what if there are 100 different modals?


react + eslint + visualcode

El estilo de código es un tema muy importante para un desarrollador, en especial cuando se trabaja dentro de un grupo de desarrolladores, todos deben tener un estilo de código común. Deben seguir las mismas reglas para que el código del proyecto en el cual trabajan se vea igual. Esto ayuda a que otros desarrolladores puedan leer tu código fácilmente, manejando un estándar o reglas.

Este Post te ayudará a configurar ESLint en un proyecto creado con create-react-app, pero en general lo podrás configurar en cualquier proyecto con base en React.

Empecemos creando un proyecto con create-react-app, el React Starter…


Learn reactjs — Photo by Kaique Rocha

En el mundo de Javascript y Front-end existen cientos de frameworks y librerías, cada uno con características diferentes y a veces con grandes similitudes. Esto puede generar alguna dificultad para un desarrollador a la hora de elegir qué librería/framework aprender.

En este post voy a dar las razones por las cuales debes aprender Reactjs en lo que queda del 2018 para ser feliz en el 2019.

¿Qué es React?

React es una libería de Javascript declarativa, eficiente y flexible para construir interfaces de usuario, así lo definen sus creaadores en su web oficial. …


React hot module replacenment

El Hot Module Replacement (o HMR) es una de las funciones más útiles que ofrece webpack. Permite la actualización de todo tipo de módulos en tiempo de ejecución sin necesidad de una recarga del navegador.

HMR no está destinado para ser usado en producción, sólo puede ser usado en un entorno de desarrollo.

Puedes leer más de HRM en la documentación de webpack: Hot Module Replacement

Cuando iniciamos una aplicación en React con create-react-app es una gran ventaja que cuando hagamos cambios en nuestro código se recargue la página automáticamente. Lo puedes comprobar haciendo un cambio sencillo en src/App.js, …


Laravel tips

Las URL’s firmadas (Signed URL’s) son un mecanismo de consulta ‘autenticada’ por medio de un string, tienen una firma (encriptada) que le permite a Laravel verificar que la URL no se haya modificado desde que se creó y son especialmente útiles para las rutas que son de acceso público pero necesitan una capa de protección contra la manipulación de URL.

Saber más de las Signed URL’s

Ahora, ¿Cómo podríamos usar una Signed Url?

Supongamos que tenemos un evento y que necesitamos enviar un correo a nuestros usuarios para que confirmen si pueden asistir o no. Lo más probable es crear…


En este post (Nivel principiante) voy a poner en práctica y a explicar un poco el uso de Laravel Passport, ya que para algunos es un poco confuso la manera en como se explica en la documentación oficial de Laravel.

Vamos a definir varios conceptos importantes antes de empezar:

OAuth2 es un protocolo de autorización que permite a terceros, clientes o sistemas, acceder a contenidos propiedad de un usuario, alojados en un servidor de recursos sin que éstos tengan que manejar ni conocer las credenciales del usuario, es decir, usuario y contraseña. www.exentrit.mx/que-es-oauth2/

Laravel Passport es un paquete oficial de…


No es necesario comprobar si existen las relaciones en las vistas

Hace poco me encontré en las vistas de un proyecto Laravel en el que actualmente trabajo y en el que es necesario tener un código limpio, tengo muchos condicionales @if() de blade que me comprueban si existe un registro en el modelo relacionado.

Esto no es malo pero, hace que mis vistas se vean muy cargadas de código o de lógica que deberían ir en otro lado (controlador, modelo, etc.).

Supongamos que tengo un modelo Post:

public function author()
{
return $this->belongsTo(App\Author::class);
}

Y en nuesta vista queremos mostrar por ejemplo, el nombre del autor, lo hacemos de la siguiente…

Stiven Castillo

Backend/Frontend Developer and UI Designer

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store