Annuncio di Ant Design 3.0

Ant Design, creato appositamente per le applicazioni desktop interne aziendali, si impegna a migliorare l'esperienza di utenti, designer e sviluppatori.

Abbiamo rilasciato Ant Design 2.0 14 mesi fa. In quei 14 mesi abbiamo ricevuto PR da oltre 200 collaboratori, sottoposte a circa 4.000 commit e oltre 60 release.

Anche il numero di stelle GitHub è aumentato da 6k a 20k.

GitHub fa tendenza dal 2015

Oggi siamo lieti di annunciare che Ant Design 3.0 è stato finalmente rilasciato . In questa versione abbiamo realizzato un design completamente nuovo per componenti e siti Web, introdotto un nuovo sistema di colori, codice refactored per più componenti sottostanti, introdotto nuove funzionalità e miglioramenti minimizzando le modifiche incompatibili. Vedi i registri delle modifiche completi qui.

Ecco la nostra home page http://ant.design/ e il repository GitHub.

Nuovo sistema di colore

Il nostro nuovo sistema di colori si ispira al cielo, perché la sua inclusività coincide con il tono del nostro marchio. Basandoci sul cambiamento naturale del colore del cielo nel tempo e sulla ricerca sulle regole di luce e ombra, abbiamo riscritto il nostro algoritmo di colore per generare nuove palette e anche i corrispondenti livelli di gradazione sono ottimizzati. I sensi della nuova tavolozza dei colori sono più naturali, le transizioni più chiare e in scala di grigi sono più naturali, una miscela perfetta di bellezza sensuale e razionale. Inoltre, tutti i valori di colore dominanti tengono conto degli standard di accessibilità.

Nuovo design dei componenti

Nella versione precedente, la dimensione del carattere di base del componente era 12px e abbiamo ricevuto molti feedback dalla community per richiederci di aumentare la dimensione del carattere. I nostri designer sono anche consapevoli che oggi il grande schermo è molto comune, 14px è una dimensione del carattere più appropriata. Quindi abbiamo aumentato la dimensione del carattere di base a 14 px e ridimensionato le dimensioni di tutti i componenti per adattarsi a questa modifica.

Riscrivi i componenti

Abbiamo riscritto il componente Tabella per risolvere alcuni problemi di lunga durata. È stato introdotto un nuovo componente per gli oggetti di scena, con questi oggetti di scena puoi personalizzare altamente il componente Tabella ora, ecco un esempio per aggiungere la funzione di trascinamento della selezione alla tabella.

Anche il componente del modulo è stato riscritto per fornire un supporto migliore per i campi nidificati.

Un altro componente di riscrittura è Steps, con questa riscrittura Steps ha una struttura DOM più semplice e compatibilità IE9.

Nuovi componenti

Questa versione abbiamo aggiunto due nuovi componenti, Elenco e Divisore.

I componenti dell'elenco possono essere molto utili per la visualizzazione di testo, elenchi, immagini, paragrafi e altri dati. E una facile integrazione con librerie di terze parti, ad esempio, è possibile utilizzare la reattività virtualizzata per ottenere un elenco di caricamento infinito. Esempi più dettagliati possono fare riferimento al documento Elenco.

Il componente Divisore può essere utilizzato per dividere paragrafi di testo in diversi capitoli o per dividere testo / collegamenti in linea, come la colonna di azioni di una tabella. Esempi dettagliati possono fare riferimento al documento Divider.

Supporto completo per React 16 e modulo ES

In questa versione abbiamo aggiunto il supporto per React 16 e il modulo ES. Se stai utilizzando Webpack 3, ora puoi goderti l'ottimizzazione dei componenti di antd tramite Tree Shaking e Module Concatenation. Se stai usando babel-plugin-import, basta impostare libraryDirectory nella directory es.

Supporto TypeScript più intuitivo

Abbiamo rimosso tutti i tipi impliciti nel nostro codice e non richiediamo più "allowSyntheticDefaultImports": true nel tuo progetto. Se ti capita di avere progetti che prevedi di scrivere usando TypeScript, fai riferimento alla nostra nuova documentazione "Uso in TypeScript".

Un'altra cosa ...

Alcune persone potrebbero già saperlo, stiamo lavorando a un altro progetto chiamato Ant Design Pro, è una soluzione UI pronta all'uso e una piastra di reazione React per applicazioni aziendali basate su Ant Design 3.0. Anche se non ha ancora raggiunto la sua versione 1.0. Ma con il rilascio di antd 3.0, ora puoi usarlo in produzione.

Qual'è il prossimo

I nostri designer stanno lavorando alla riscrittura della documentazione delle linee guida di progettazione e alla progettazione di un nuovo sito Web per Ant Design. Siamo molto entusiasti di fornire un linguaggio di progettazione migliore per ispirare più idee sulla costruzione di applicazioni aziendali.

E i nostri ingegneri stanno lavorando duramente su Ant Design Pro per realizzare la 1.0, che ha anche bisogno del tuo aiuto per tradurre i nostri documenti.

Conclusione

Non è possibile raggiungere qui senza i tuoi supporti, feedback e partecipazioni. Grazie alla fantastica community di Ant Design. Se riscontri problemi durante l'utilizzo di antd, sentiti libero di presentare un nuovo problema su GitHub.

Grazie per aver letto. Vai a installarlo, contrassegnalo con una stella e provalo!

link

  • Design della formica
  • Ant Design Github Repository
  • Ant Design Pro
  • Ant Design Mobile
  • NG-ZORRO - Un'attuazione angolare del design delle formiche