CloudFlare UI Framework gratuito para desenvolvedores frontend

CloudFlare anunciou recentemente uma grande reformulação de seu sistema de Backbone para React.js. Isso veio com um estrutura de interface do usuário atualizada do frontend e a equipe decidiu abrir o código para todos.

o CloudFlare UI Framework, abreviado CF-UI, é uma biblioteca de código aberto de códigos de frontend que pode empate em um fluxo de trabalho Reagir.

A equipe tem sido muito aberta sobre o seu movimento incluindo outras tecnologias como Lerna.js para gerenciando o código em vários repositórios. Essa revisão é mais profunda do que os componentes superficiais, mas esses componentes gratuitos podem fazer uma enorme diferença em seu fluxo de trabalho.

CloudFlare adicionado componentes personalizados em uma biblioteca junto com testes unitários para verificar a qualidade do código. Você pode ver um demonstração ao vivo para todos os componentes nesta página, incluindo documentação e partes de codigo.

Todo o código é construído com React, por isso estende classes feitos para componentes diferentes, como paginação, menus suspensos, campos de entrada e até mesmo áreas de texto de cópia automática.

Você pode navegar por todos os pacotes no GitHub e todos eles podem ser instalado via npm. Note que este não é um framework de frontend simples como o Bootstrap (embora imite o estilo deles). Em vez disso, esta é uma abordagem completa React + Redux para componentes frontend.

Note que você já deve se sentir confortável trabalhando com componentes React, instalando bibliotecas via npm, e adicionando ligações através do React Redux.

Todos esses projetos são de código aberto e fáceis de incluir em seu site. Componentes individuais tem seus próprios arquivos JS que você pode adicionar ao cabeçalho do seu site. E você pode navegue por todos os componentes na página do GitHub se você quiser saber mais.

Exemplos ao vivo e snippets de código fonte pode ser encontrado aqui se você quiser mergulhar diretamente. E, é claro, se você tiver dúvidas ou ideias para recursos técnicos, diretório de discussões para mais informações. Você também pode tentar enviar mensagens sobre CloudFlare ou enviar um tweet para @Cloudflare.