Anunciando Ant Design 3.0

Ant Design, creado especialmente para aplicaciones empresariales de escritorio internas, se compromete a mejorar la experiencia de los usuarios, diseñadores y desarrolladores.

Lanzamos Ant Design 2.0 hace 14 meses. En esos 14 meses, recibimos relaciones públicas de más de 200 contribuyentes. Sufrimos alrededor de 4,000 confirmaciones y más de 60 lanzamientos.

El número de estrellas de GitHub también aumentó de 6k a 20k.

Tendencias de GitHub desde 2015

Hoy, nos complace anunciar que Ant Design 3.0 finalmente se ha lanzado . En esta versión, hicimos un diseño completamente nuevo para componentes y sitios web, introdujimos un nuevo sistema de color, refactorizamos código para múltiples componentes subyacentes, introdujimos nuevas características y mejoras al tiempo que minimizamos los cambios incompatibles. Vea los registros completos de cambios aquí.

Aquí está nuestra página de inicio http://ant.design/ y el repositorio de GitHub.

Nuevo sistema de color

Nuestro nuevo sistema de color está inspirado en el cielo, porque su inclusión coincide con el tono de nuestra marca. Basado en el cambio natural del color del cielo con el tiempo y la investigación sobre las reglas de luz y sombra, reescribimos nuestro algoritmo de color para generar una nueva paleta, y los niveles de gradación correspondientes también están optimizados. Los sentidos de la nueva paleta de colores son transiciones más jóvenes, brillantes y en escala de grises más naturales, una combinación perfecta de belleza sensual y racional. Además, todos los valores de color dominantes tienen en cuenta los estándares de accesibilidad.

Nuevo diseño de componentes

En la versión anterior, el tamaño de fuente básico del componente era 12px, y recibimos muchos comentarios de la comunidad para solicitarnos aumentar el tamaño de fuente. Nuestros diseñadores también son conscientes de que hoy la pantalla grande es muy común, 14px es un tamaño de fuente más apropiado. Por lo tanto, aumentamos el tamaño de fuente base a 14 px y redimensionamos las dimensiones de todos los componentes para acomodar este cambio.

Componentes reescritos

Reescribimos el componente Tabla para resolver algunos problemas de larga duración. Se introdujo un nuevo componente de accesorios, con estos accesorios puede personalizar altamente el componente de tabla ahora, aquí hay un ejemplo para agregar la función de arrastrar y soltar a la tabla.

El componente de formulario también se ha reescrito para proporcionar un mejor soporte para campos anidados.

Otro componente reescrito es Steps, con este reescrito Steps tiene una estructura DOM más simple y compatibilidad con IE9.

Nuevos componentes

A esta versión agregamos dos componentes nuevos, List y Divider.

Los componentes de la lista pueden ser muy convenientes para la visualización de texto, listas, imágenes, párrafos y otros datos. Y fácil integración con bibliotecas de terceros, por ejemplo, puede usar react-virtualized para lograr una lista de carga infinita. Ejemplos más detallados pueden referirse al documento Lista.

El componente Divider se puede usar para dividir párrafos de texto en capítulos diferentes o para dividir texto / enlaces en línea, como la columna de acción de una tabla. Ejemplos detallados pueden referirse al documento Divider.

Soporte completo para React 16 y ES Module

En esta versión, agregamos soporte para React 16 y el módulo ES. Si usa webpack 3, ahora puede disfrutar de la optimización de los componentes de antd mediante Tree Shaking y Module Concatenation. Si está utilizando babel-plugin-import, simplemente configure libraryDirectory en el directorio es.

Soporte más amigable de TypeScript

Hemos eliminado todos los tipos implícitos en nuestro código y ya no necesitamos "allowSyntheticDefaultImports": verdadero en su proyecto. Si tiene proyectos que planea escribir con TypeScript, consulte nuestra nueva documentación "Uso en TypeScript".

Una cosa más ...

Es posible que algunas personas ya lo sepan, estamos trabajando en otro proyecto llamado Ant Design Pro, es una solución de interfaz de usuario lista para usar y una placa de reacción React para aplicaciones empresariales basadas en Ant Design 3.0. Aunque todavía no ha alcanzado su versión 1.0. Pero con el lanzamiento de antd 3.0, ahora puede usarlo en producción.

Que sigue

Nuestros diseñadores están trabajando en reescribir nuestra documentación de diseño y diseñar un nuevo sitio web para Ant Design. Estamos muy entusiasmados de proporcionar un mejor lenguaje de diseño para inspirar más ideas sobre la creación de aplicaciones empresariales.

Y nuestros ingenieros están trabajando arduamente en Ant Design Pro para hacer que suceda 1.0, que también necesita su ayuda para traducir nuestros documentos.

Conclusión

No es posible llegar aquí sin su apoyo, comentarios y participaciones. Gracias a la increíble comunidad de Ant Design. Si encuentra algún problema al usar antd, no dude en presentar un nuevo problema en GitHub.

Gracias por leer. ¡Ve a instalarlo, ponlo en estrella y pruébalo!

Campo de golf

  • Diseño de hormigas
  • Ant Design Github Repository
  • Ant Design Pro
  • Ant Design Mobile
  • NG-ZORRO - Una implementación angular del diseño de hormigas