7 Bibliotecas React que você deve conhecer

Muito de tudo o front-end está sendo construído com React. Parece que o React não vai a lugar nenhum tão cedo. Um dos aspectos mais importantes e promissores do React é trabalhar com componentes de código. De botões a scrollers e barras de ferramentas, esses componentes são os blocos de construção de nossos aplicativos de IU.

Os componentes encapsulados do React podem gerenciar seu próprio estado e podem ser compostos para criar interfaces de usuário complexas. Como a lógica do componente é escrita em JavaScript em vez de modelos, você pode facilmente passar dados ricos por meio de seu aplicativo e manter o estado fora do DOM. O React permite que você divida sua IU em partes independentes e reutilizáveis ​​e pense em cada uma delas isoladamente.

Para fornecer um kickstart rápido e eficaz e um conjunto de ferramentas poderoso para trabalhar com componentes React, aqui estão algumas estruturas e ferramentas importantes que o ajudarão a compor sua IU a partir de blocos de construção React existentes.

1. React Material UI

Material UI é uma estrutura popular que implementa os princípios do Material Design do Google. Ele contém um grande conjunto de componentes, incluindo barras, tabelas, botões, navegações e muito mais. Ele ainda inclui mais de 900 ícones SVG diferentes para serem usados ​​em sua IU.

2. React Bootstrap

O React Bootstrap fornece uma estrutura baseada em componentes para Bootstrap reconstruído para componentes React. Bootstrap é provavelmente a estrutura de interface do usuário mais popular do mundo, e combinando seu design com o poder dos componentes React ... bem, não é só isso que podemos pedir?

3. Reaja Belle

React Belle oferece um belo conjunto de componentes configuráveis ​​incluindo Toggle, ComboBox, Rating, TextInput, Button, Card, Select e mais. Esta estrutura se orgulha de fazer componentes otimizados para desktops e dispositivos móveis, permitindo um alto nível de reconfiguração de estilo.

4. React ToolBox

React Toolbox é uma biblioteca popular que contém componentes baseados em material design. É baseado em algumas das propostas mais modernas, como Módulos CSS (escritos em SASS), Webpack e ES6. A biblioteca se integra harmoniosamente com o fluxo de trabalho do seu Webpack e é facilmente personalizável e muito flexível. Embora inclua cerca de 10 tipos de componentes, os torna configuráveis ​​como um excelente playground para compor uma excelente experiência de IU.

5. React Grommet

Grommet é uma biblioteca React que enfatiza a experiência essencial. Todos os componentes são acessíveis, compatíveis com vários navegadores e suportam a personalização do tema. A flexibilidade do componente é aprimorada por meio da configuração por meio de propriedades. É essencialmente um belo playground para construções rápidas e simples de interfaces de usuário limpas com recursos básicos importantes.

6. IU semântica

O React Semantic UI é a integração oficial do React para o Semantic UI. Semantic é uma estrutura de desenvolvimento que ajuda a criar layouts atraentes e responsivos usando HTML amigável. Ele permite que você controle a tag HTML renderizada ou renderize um componente como outro componente. Objetos extras são passados ​​para o componente que você está renderizando como . Você pode compor recursos e adereços de componentes sem adicionar componentes aninhados extras. Isso é essencial para trabalhar com MenuLinks e react-router .

7. Reaja com Bit

Bit é uma ferramenta poderosa que permite usar qualquer componente encontrado em qualquer aplicativo ou repositório em qualquer outro aplicativo ou repositório. Ele adiciona uma fina camada de virtualização em cima de seus arquivos de origem que ajuda a criar, gerenciar e reutilizar componentes onde quer que sejam necessários. Ele também permite que você use componentes individuais sem ter que extrair bibliotecas inteiras. Ele analisa automaticamente os documentos e executa testes para seus componentes em qualquer lugar usando qualquer estrutura, tornando-se uma ótima ferramenta para trabalhar com o componente React. No hub da comunidade Bit, você também pode encontrar componentes de quase todos os recursos da IU do React de que precisa.