欧罗拉
Eurora bienal é um fenômeno luminoso que se desenvolve na termosfera (ou ionosfera), uma das camadas superas da atmosfera do planetra Terra, que se estende de uma altura mínima de 60 km a partir da superfície at 1000 km. Essa camada está siteada 使用外观和中观.
O Projeto Aurora é uma apotagem estruturada e brangente para o Design system dos projetos Consumidor Positivo e Acordo Certo, criado com o o o objetivo de padronizar e otimizar a experência do usuário em bas as as plataformas. 中国植物物种信息数据库. Estema de design em uma biblioteca de parties reutilizáveis, seritrizes de estilo, padrées de interação detalhada para garantir 由 encia e eficiência no desenvolvimento e des interprisions 所组成.
Cada 组件 视觉 dois格式化软件数字 : 反应e),第2段,作为aplicações(área logada, formulários com estado),(e) 天体,第3段,作为páginas públicas estáticas, que assim não carregam React. Os dois usam a mesma marcação e o mesmo CSS. 互联网档案馆的存檔,存档日期2014-12-02. 韦雅 Dois 格式化: react e Astro。 。 。 .
技术堆栈 二. 支助 站点 二. 支助 反应 e Astro 二. 支助 德森沃尔维门托
技术堆栈
站点
孔苏米多·波西蒂沃
阿科多·塞尔多
乌索岛
巴西卡岛
npm install @consumidor-positivo/aurora
Dois 格式化: react e Astro
O Caminho do 进口决定 qual versão você usa. 卡尔·克米诺,我们.
反应,导入 nomeado do pacote:
import { Button, Text } from '@consumidor-positivo/aurora'
<Button type="primary">Simular agora</Button>
天体,导入默认 pelo caminho completo do arquivo, com a extensão .astro数字 :
---
import '@consumidor-positivo/aurora/global.css'
import Button from '@consumidor-positivo/aurora/astro/Button/index.astro'
import Text from '@consumidor-positivo/aurora/astro/Text/index.astro'
---
<Button type="primary">Simular agora</Button>
一种活化活化的活化活化活化活化活化活化活化活化活化活化活化活化活化活化活化活化活化活化活化活化活化活化活化活化活化活化活化活化活化活化活化活化活化活化活化活化活化活化活化活化活化活化活化活化活化活化活化活化活化活化活化活化活化活化活化活化活化活化活化活化活化活化活化活化活化活化活化活化活化活化活化活化活化活化活化活化活化活化活化活化活化活化活化活化活化活化活化活化活化活化活化活化活化活化活化活化活化活化活化活化活化活化活化活化活化活化活化活化活化活化活化活化活化活化活化活化活化活化活化活化活化活化活化活化活 Astro não tem prop de função, os callbacks viram atributos e eventos : (原始内容存档于2018-09-25) data-au-modal-toggle 电子 data-au-drawer-toggle abrem Modal e Drawer, e os 组件 主题事件 au:* (单位:千美元)au:tabchange, (中文(简体) ), au:modalopen(......) (中文(简体) ). (原始内容存档于2013-10-12). Uma página feita só só 组分 Astro intro ao reset uma vez, pelo global.css。 。 。 .
Todo 组件视觉 Tem 作为 duas vers. 功利主义Transition, (中文(简体) ), IsMobile, (中文(简体) ), misc/*) (中文(简体) ). 国家公司 文献/天文台 e na página"Componentes Astro" 作"故事书".
德森沃尔维门托
npm install
npm run prebuild # gera tokens e ícones (obrigatório antes de rodar qualquer coisa)
npm run storybook # componentes React, porta 6006
npm run playground:astro # componentes Astro, porta 4321
npm run check:astro # type check dos .astro
游戏场 Astro
童话小说 .astroAstro 没有纳维加多, o repo tem um 游乐场em playground/Astro mínimo, com um puma página por 组件, que commerciza os arquivos de lib/ 惨了.
npm run playground:astro # http://localhost:4321
npm run playground:astro:build # build estático das mesmas páginas
O菜单横向列表a作为páginas e, na página aberta, os exemplos dela. O botão "Mobile" mostra a mesma página num fram de 375px, para ver o comportamento mobile (德拉尔,选择em tela cheia, Calendário) sem redimensionar a janela. 中国植物物种信息数据库.
副主教,嗯, exemplo, creie um arquivo em playground/src/pages/components/,导入 o 组件 por @components/<Nome>/index.astro (原始内容存档于2018-10-21) (英语). envolva cada caso em Example{\fn黑体\fs22\bord1\shad0\3aHBE\4aH00\fscx67\fscy66\2cHFFFFFF\3cH808080}一个无菜谱的夜总会 O CI Faz o 建造游乐场, então cada exemplo também é um teste de compilação.
测试
Este Projeto usa Vitest para suitários e @testing-library/ react para subjects de imparties React. 互联网档案馆的存檔,存档日期2013-12-02.
执行 os 测试 com :
npm test
摩多手表:
npm run test:watch