Boilerplate de Proyecto

¿Qué es un Boilerplate?#

Un boilerplate es un marco o plantilla para el desarrollo de un proyecto. Es una estructura de proyecto ya definida de antemano que sirve para agilizar la organización y el desarrollo del software. Acelera la integración de soluciones y formatos que sirven para conducir el desarrollo de un nuevo proyecto a la producción.

En EOS Costa Rica hemos creado tres repositorios boilerplate: Front-End Boilerplate, Back-End Boilerplate y Full-Stack Boilerplate.

Front-End Boilerplate#

EOS Costa Rica Front-End Boilerplate

"Front-end" se refiere a la interfaz de usuario y en el contexto de una aplicación web es la aplicación que se ejecuta en el navegador web de los usuarios.

Utilizamos React JS, una biblioteca de JavaScript para la construcción de interfaces de usuario de alto rendimiento y basada en componentes que facilita el desarrollo de interfaces de usuario complejas con código predecible y fácil de depurar.

Front-End Tech Stack#

Colecciones de Componentes React#

Hemos desarrollado una colección de componentes en React para EOSIO. Puede ver los componentes que hemos construido en nuestro EOS Costa Rica React Components Storybook Para más información sobre los componentes puede visitar Repositorio de Componentes

Back-End Boilerplate#

EOS Costa Rica Back-End Boilerplate

"Back-end" se refiere a la aplicación del servidor, se puede describir es la capa de acceso a los datos de una aplicación que contiene la lógica de negocio para la gestión de datos dentro de la aplicación.

Back-End Tech Stack#

Infraestructura#

GraphQL / Hasura#

El motor Hasura GraphQL genera automáticamente su esquema GraphQL y resolutores basados ​​en sus tablas/vistas en Postgres. No es necesario que escriba un esquema GraphQL o solucionadores.

La consola de Hasura le brinda herramientas de interfaz de usuario que aceleran su proceso de modelado de datos o el trabajo con su base de datos existente. La consola también genera automáticamente migraciones o archivos de metadatos que puede editar directamente y verificar en su control de versiones.

El motor Hasura GraphQL le permite hacer cualquier cosa que normalmente haría con Postgres al proporcionar GraphQL sobre construcciones nativas de Postgres.

Obtenga más información en Hasura

HTTP API (HAPI)#

hapi.js (comúnmente conocido como hapi) son las siglas de HTTP API. Es un marco rico para crear aplicaciones y servicios. Fue diseñado originalmente para el rápido desarrollo de servicios de API RESTful usando JavaScript, pero desde entonces ha crecido hasta convertirse en un marco de aplicación web completo con características listas para usar plantillas, validación de entrada, autenticación, almacenamiento en caché y, más recientemente, soporte. para aplicaciones en tiempo real con soporte web socket.

Obtenga más información en hapi

EOSIO#

EOSIO es un blockchain de tercera generación que permitirá alcanzar el objetivo de proporcionar un registro inmmutable, permanente, trazable y verificable de toda la actividad en los depósitos de contenedores. Estos datos serán públicos y podrán ser consumidos por cualquier tercero externo.

Obtenga más información en Componentes EOSIO

PostgresDB#

"PostgreSQL es un potente sistema de base de datos relacional de objetos de código abierto con más de 30 años de desarrollo activo que le ha ganado una sólida reputación por su fiabilidad, solidez y rendimiento".

PostgreSQL viene con muchas características destinadas a ayudar a los desarrolladores a crear aplicaciones, a los administradores a proteger la integridad de los datos y a crear entornos tolerantes a fallas, y a administrar sus datos sin importar cuán grande o pequeño sea el conjunto de datos. Obtenga más información en PostgresDB

Full-Stack Boilerplate#

EOS Costa Rica Full-Stack Boilerplate

El Full-Stack Boilerplate contiene tanto el software del cliente como el del servidor. Hemos creado un esqueleto altamente escalable con las mejores prácticas, fullstack monorepo que contiene nuestras boilerplates de front-end y back-end.

Diagrama Full-Stack#

full-stack-boilerplate

Last updated on by JustinCast