Projetar e criar aplicativos Web com componentes React

Ignite UI for React é uma biblioteca completa de componentes React para a criação de aplicativos da Web responsivos e ricos em dados, incluindo 60+ tabelas e gráficos de dados, grades e tabelas de dados e componentes de interface do usuário (UI).

A CLI do Ignite UI representa uma ferramenta de linha de comando autônoma que ajuda a criar e estruturar aplicativos para várias estruturas. As ferramentas da CLI fornecem uma variedade de modelos para seu projeto que são pré-configurados para o conjunto de ferramentas Ignite UI for React. Você também pode adicionar seus próprios modelos à CLI para acelerar a adição de componentes aos seus projetos.

Um componente React é uma classe que contém uma função reutilizável que retorna um modelo que inclui uma parte da interface do usuário representada por HTML, JavaScript e CSS. Exemplos de componentes React incluem controles de interface do usuário complexos, como Gráficos de Dados ou Grades de Dados, ou elementos simples, como DIV's com elementos HTML.

React não tem requisitos e maneiras específicas de onde seus componentes devem ir ou como eles devem ser organizados. Isso depende dos desenvolvedores que trabalham no projeto. Aqui estão várias abordagens:

• Organizando componentes por tipo - Elementos semelhantes são sistematizados no mesmo local. React componentes residem em uma pasta de componentes. Estilos, em uma pasta de estilos. E assim por diante.
• Organizando componentes por similaridade - Esse tipo de organização React componentes garante que tudo o que um componente precisa permaneça o mais próximo possível do componente.
• Organizando componentes por área funcional – Colocar componentes por função do aplicativo, como "Cliente", teria todos os componentes do cliente relacionados para telas/funcionalidades do cliente.

A maneira como o teste React componentes é possível se enquadra em duas categorias gerais:

• Árvores de componentes de renderização – em que uma árvore hierárquica de componentes React descreve a interface do usuário e encapsula todos os aspectos do aplicativo que um usuário vê e interage em seu navegador.
• Executando um aplicativo completo – isso acontece em um ambiente de navegador realista. Esse processo é chamado de testes "de ponta a ponta".

• Os componentes funcionais em React são simplesmente funções JavaScript. Não há nenhum método de renderização usado aqui. Os componentes funcionais funcionam aceitando propriedades (props) como um argumento e, em seguida, retornam um elemento React.
• Os componentes de classe representam classes simples, que consistem em funções que adicionam funcionalidade ao seu aplicativo. Requer que o método render() seja implantado aqui.

Ignite UI for React é a biblioteca mais completa de componentes de interface do usuário React de nível empresarial disponível. Projetado e desenvolvido profissionalmente, o Ignite UI for React fornece tudo o que você precisa para criar aplicativos da Web modernos e progressivos. Tudo apoiado por Infragistics 30+ anos de liderança no setor e nosso premiado suporte ao vivo.

Nossos componentes React estão incluídos como parte de nosso pacote Ignite UI. Uma única licença de desenvolvedor começa em US$ 1.295 para uma assinatura de um ano, incluindo um ano de suporte e atualizações padrão. Também oferecemos descontos para licenças de vários anos. Consulte nossa página de preços para obter mais informações sobre preços.

O melhor lugar para começar é com nossa documentação de introdução.

A equipe da Infragistics mantém uma biblioteca abrangente de exemplos de código React que você pode acessar aqui. Também mantemos uma biblioteca de aplicativos de amostra, que você pode acessar aqui.