frost web
1.0.0
frost web es la interfaz de Frost API de Po.et para administrar cuentas y tokens API.
Todas las funciones nuevas deben fusionarse en maestra detrás de una función de alternancia que está desactivada de forma predeterminada. Una vez que la función se haya probado lo suficiente, se puede quitar la palanca.
Estos son componentes ReactJS y estilos Sass. La arquitectura de los componentes está inspirada en el Diseño Atómico de Brad Frost.
La mayoría de los componentes tienen un único archivo .scss asociado con el mismo nombre. También hay algunos estilos globales que viven en components/styles . Los estilos se agrupan y cargan mediante style-loader , css-loader , autoprefixer , postcss-loader y sass-loader de Webpack.
Los componentes se dividen en átomos, moléculas, organismos, páginas y modales. La regla general es: el más pequeño no debe utilizar el más grande. Eso significa que los átomos no deberían depender de otros componentes, las moléculas sólo pueden depender de los átomos, etc.
Actualmente, las páginas se encuentran fuera de /components por razones históricas, pero se moverán a esta carpeta en el futuro.
El componente raíz es componentes/Root.tsx y ReactDOM.render se llama en index.tsx.
Los reductores React Redux viven aquí. No deberían tener ninguna lógica, solo recibir mensajes y actualizar la tienda redux.
Las sagas Redux-Saga viven aquí. La mayor parte de la lógica de la aplicación, específicamente todos los efectos secundarios, deberían estar en sagas y sagas únicamente.
Todas las imágenes utilizadas por la aplicación. Se exponen como elementos static readonly de una clase en imágenes/Images.tsx, utilizando el complemento File Loader Webpack para cargarlos y agruparlos.
Las extensiones para los tipos nativos de JavaScript van aquí.
Principalmente seguimos la Guía de estilo JS de StandardJS y AirBnB. Todavía no aplicamos estilos automáticamente.
Algunas reglas:
var está prohibido y let debe evitarse siempre que sea posible; utilice siempre const en su lugar.
