Tecnologias Recomendadas

O objetivo desta página é revisar as opções de tecnologia comumente selecionadas ao desenvolver aplicações de interface do usuário. Para reiterar a partir da seção de orientação geral:

Lembre-se de que, como todo software, não existe uma “maneira certa” de construir uma aplicação de interface do usuário. Aproveite e confie na experiência e expertise de sua equipe ou do seu cliente para obter a melhor experiência de desenvolvimento.

Além disso, enquanto algumas dessas tecnologias são apresentadas como opções alternativas, muitas delas podem ser combinadas. Por exemplo, você pode usar o React em um fluxo de trabalho básico de HTML/CSS/JS incorporando o React junto com o Babel. Consulte Adicionar React a um Site para obter mais detalhes. Da mesma forma, qualquer componente da web Fast pode ser integrado a qualquer aplicação React existente. E, é claro, todas as tecnologias JavaScript também podem ser usadas com TypeScript!

TypeScript

TypeScript é JavaScript com sintaxe para tipos. O TypeScript é uma linguagem de programação fortemente tipada que se baseia no JavaScript, oferecendo melhores ferramentas em qualquer escala. typescriptlang.org

O TypeScript é altamente recomendado para todos os novos projetos de aplicativos web. A estabilidade que ele proporciona às equipes é incomparável e pode facilitar o trabalho das pessoas com experiência em C# com tecnologias web.

Existem muitas maneiras de integrar o TypeScript em uma aplicação web. A maneira mais fácil de começar é revisar o guia Ferramentas TypeScript em 5 minutos da documentação oficial do TypeScript. As outras seções desta página contêm informações sobre integração com o TypeScript.

React

O React é um framework desenvolvido e mantido pelo Facebook. O React é usado em toda a Microsoft e tem uma vasta comunidade de código aberto.

Documentação e Recursos Recomendados

Você pode encontrar uma infinidade de guias, respostas e postagens sobre como trabalhar com o React; no entanto, não aceite tudo de maneira acrítica. O melhor lugar para revisar os conceitos do React é a documentação do React. A partir daí, você pode revisar artigos de várias fontes, como Artigos da Comunidade React, Blog do Kent C Dodd, Artigos do CSS Tricks e Awesome React.

A API do React mudou dramaticamente ao longo do tempo. Recursos mais antigos podem conter soluções ou padrões que foram desde então alterados e melhorados. O desenvolvimento moderno do React utiliza o padrão React Hooks. Raramente será necessário implementar algo usando o padrão React Class. Se você estiver lendo um artigo/resposta/documentação que instrui a usar o padrão de classe, pode estar olhando para um recurso desatualizado.

Inicialização

Existem muitas maneiras diferentes de inicializar um aplicativo React. Duas ótimas ferramentas para usar são create-react-app e vite.

create-react-app

A partir de Adicionar TypeScript

npx create-react-app my-app --template typescript

Vite

A partir de Scaffold do seu Primeiro Projeto Vite

# npm 6.x
npm init vite@latest my-app --template react-ts

# npm 7.x
npm init vite@latest my-app -- --template react-ts

HTML/CSS/JS

Em breve!

Componentes Web

Em breve!