Clon de Slack con ReactJS y Back4App – NoCode

En este artículo, aprenderá a implementar una aplicación clon de Slack en Vercel utilizando Back4App como backend.

La aplicación Slack Clone está construida con React (frontend) y Back4App (backend) utilizando algunas características clave de Parse como Auth, consultas en tiempo real y relacionales. La aplicación se puede implementar fácilmente en Vercel sin código siguiendo estos pasos.

En cualquier momento puedes desplegar tu Slack Clone en Vercel usando este botón:

Visión general de Slack

Slack es una aplicación de comunicación empresarial eficaz y eficiente que se puede utilizar como una plataforma todo en uno para sus necesidades de comunicación empresarial. Lo más importante es que ofrece increíbles funcionalidades como:

• Mensajería en tiempo real

• Archivo de ficheros

• Buscar en

• Compartir archivos y mucho más.

Esta plataforma se ha diseñado específicamente para los equipos modernos. Así, el equipo puede gestionar toda su comunicación en línea en un único espacio. Además, las conversaciones se pueden buscar al instante y se puede acceder a ellas desde cualquier dispositivo.

Afortunadamente, Slack trabaja con más de 1.500 servicios y aplicaciones externas para ofrecerle una plataforma totalmente flexible y ampliable de la mejor forma posible.

Comunidad Slack

Según Statista Slack ha estado sirviendo a más de 12 millones de usuarios activos diariamente a partir de octubre de 2019. Slack es un centro de colaboración estadounidense que ha ido ampliando su base de usuarios de forma significativa desde su creación en 2013.

Sorprendentemente, la mayoría de los usuarios de Slack proceden de fuera de los Estados Unidos de América, incluidos algunos de los principales mercados como Japón, Francia, Alemania, Gran Bretaña y Australia.

Más que esto, Slack también ha estado experimentando un gran cambio en los usuarios de pago desde 2019. Se debe principalmente a la conveniencia de Slack para sus usuarios en términos de comunicaciones de equipo. Además, la actitud que Slack tiene hacia una cultura de equipo mejorada.

En general, las increíbles funciones y ventajas de Slack le han ayudado a mejorar su base de usuarios que pagan por Slack de la mejor manera posible.

Funciones de Slack

Slack ha estado ofreciendo varias funciones al estilo IRC que incluyen salas de chat persistentes organizadas por temas, mensajería directa y grupos privados para discusiones importantes. Y lo que es más importante, todo el contenido disponible en Slack, ya sean conversaciones o archivos, aquí todo se puede buscar.

Además, los usuarios pueden incluir botones emoji en sus chats. Otros usuarios pueden hacer clic en estos emojis para dar sus reacciones.

No sólo eso, sino que incluso la versión gratuita de Slack ofrece todas las funciones esenciales. Incluso te permite buscar chats y archivos a partir de sus 10.000 mensajes recientes. Aún más, Slack también ha rediseñado su plataforma para mejorar la experiencia del usuario de la mejor manera posible.

Con eso, ahora se le permite disfrutar de algunas de las características más sorprendentes de Slack también. Vamos a conocer acerca de estas características emocionantes pero clave de Slack abajo para tener una mejor idea acerca de este respecto.

Así que, allá vamos:

Equipos

Los equipos de Slack pueden utilizar esta plataforma para unirse a un espacio de trabajo a través de una invitación determinada enviada por el propietario o un administrador del equipo. Aunque la plataforma se ha desarrollado como herramienta de comunicación empresarial, con el tiempo se ha adoptado como plataforma comunitaria.

Integraciones

Slack también se está integrando con montones de aplicaciones y servicios de terceros como Tello, Google Drive, Dropbox, GitHub, Crashlytics y muchos más. Slack permite a sus usuarios instalar fácilmente todas estas aplicaciones desde el directorio de software de Slack.

Mensajería

Los canales públicos permiten a los equipos interactuar sin necesidad de utilizar SMS o correo electrónico. Esto se debe a que los canales públicos están abiertos a ser utilizados por todos en el lugar de trabajo.

Sin embargo, para las conversaciones privadas, los usuarios pueden crear canales privados. Estos también se pueden utilizar para gestionar equipos más grandes con facilidad.

También puedes enviar un mensaje directo a un usuario concreto en lugar de a un grupo siempre que lo necesites.

API

Slack también proporciona una API para que los usuarios creen aplicaciones y automaticen sus procesos, incluido el envío automático de mensajes en función de la entrada humana, el envío de alertas de notificación para determinadas condiciones o la creación automática de tickets de soporte interno.

Despliegue de su clon de Slack

Clonar la plantilla Back4App

Vaya a Database HUB y clone el backend de la plantilla Slack.

Consiga sus llaves

En el panel de Back4App, vaya a “App Settings -> Security & Keys” y copie los valores de Application ID y JavaScript Key.

Activar Tiempo Real

Navegue a “App Settings -> Server Settings -> Server URL and Live Query”. Active su subdominio gratuito Back4App y luego active Live Query, recordando activarlo en las clases de Canal y Mensaje. Copie la URL completa del subdominio Back4App.

Despliegue en Vercel

Haga clic en el botón de despliegue:

En Vercel debe informar las 3 variables copiadas en los pasos anteriores: ID de aplicación, Clave Javascript y URL de consulta en vivo (URL de subdominio).

Haz clic en desplegar. Ya tienes una aplicación clon de Slack ejecutándose en Vercel.

El Código

Si desea comprender mejor la plantilla, acceda a los siguientes enlaces:

Guía técnica – Cómo funciona la plantilla Slack Clone

Código ReactJS – Javascript

Código Typescript – Typescript

Conclusión

Este artículo proporciona una visión general de Slack, sus características principales y los usuarios de pago. Además, se explica cómo implementar una aplicación Slack Clone utilizando herramientas de bajo código como Back4app y Vercel.

PREGUNTAS FRECUENTES