Hoje eu recomendo dois frameworks de front-end de código aberto Tencent, ou seja, wujie (unbounded) e Omi.
wujie (ilimitado)
Unbounded micro-frontend é um framework de micro-frontend baseado em Web Components + iframe, que possui uma série de vantagens como baixo custo, velocidade rápida, isolamento nativo e funções fortes.
Web Components é uma tecnologia de empacotamento de componentes suportada nativamente por navegadores, que pode efetivamente isolar os estilos entre os elementos. O iframe pode fornecer um ambiente de execução isolado nativo para subaplicativos. Comparado com o iframe de sandbox autoconstruído, ele fornece janelas e documentos independentes, histórico , e a localização pode ser melhor dissociada do mundo exterior.
O micro-frontend ilimitado adota o modo sandbox de webcomponent + iframe, que resolve os problemas acima relativamente bem sob a premissa de realizar o isolamento nativo.
característica
baixo custo
Baixo custo de uso para a aplicação principal
Baixo custo de adaptação de subaplicativos
alta velocidade
A velocidade de abertura da primeira tela do subaplicativo é rápida
Subaplicativos são executados rapidamente
Isolamento nativo
Os estilos CSS podem ser estritamente isolados nativamente por meio de Web Components
js é executado em iframe para obter isolamento nativo estrito
Poderoso
Subaplicativo de suporte Keep Alive
Suporte a aninhamento de subaplicativos
Suporte para ativação de vários aplicativos
Compatível com compartilhamento de aplicativos
Suporte para comunicação descentralizada
Suporte para ganchos de ciclo de vida
Sistema de plug-in de suporte
Suporte vite framework
Endereço do projeto de código aberto: https://github.com/Tencent/wujie
Água
Omi é um framework cross-plataforma front-end cross-framework.
característica
Cross-framework, qualquer framework pode usar elementos personalizados Omi
Forneça soluções gerais para desktop, dispositivos móveis e applets
Tamanho pequeno e alto desempenho
Design baseado em Shadow/Light Dom
Alinhado com a tendência de desenvolvimento de navegadores e conceitos de design de API
Web Components + JSX/TSX fundidos em um framework Omi
JSX/TSX é a expressão de interface do usuário com a melhor experiência de desenvolvimento (prompts inteligentes), o menor ruído gramatical e integridade de Turing. O mecanismo de modelo não está completo e a string de modelo está completa, mas o ruído gramatical é demais
Veja as vantagens comparativas do Facebook React e Web Components, Omi combina as vantagens de cada um e dá aos desenvolvedores a liberdade de escolher a maneira que eles gostam
O Shadow/Light DOM e o Virtual DOM estão integrados. Omi usa o virtual DOM e o real Shadow DOM para tornar a atualização da visualização mais precisa e rápida
A melhor solução para CSS parcial (Shadow DOM), a comunidade lançou muitos frameworks e bibliotecas para CSS parcial (usando js ou json para escrever estilos, como: Radium, jsxstyle, react-style; ligação com webpack para gerar um arquivo className exclusivo Valor de hash de nome de classe, como: Módulos CSS, Vue) e a maneira de injetar atrr com escopo em tempo de execução são todas tecnologias de hack; Shadow DOM Style é a solução mais perfeita
Amigável para elementos personalizados, passe false pela string '0' ou 'false', passe qualquer tipo complexo por: e Omi.$
CSS aprimorado para oferecer suporte a unidades rpx, com base na largura de tela de 750
O projeto também fornece cerca de 20 exemplos, como: o jogo Snake com arquitetura MVP escrito por Omi, Omi Piano e documentos de sites estáticos gerados com Markdown, etc.
Endereço do projeto de código aberto: https://github.com/Tencent/omi
------
Criamos um grupo de intercâmbio técnico de alta qualidade. Quando você está com pessoas excelentes, você também se torna excelente. Apresse-se e clique para entrar no grupo e desfrutar da alegria de crescer juntos. Além disso, se você quiser mudar de emprego recentemente, passei 2 semanas por ano coletando uma onda de experiência cara a cara em grandes fábricas. Se você planeja mudar de emprego após o festival, pode clicar aqui para reivindicá- lo !
Leitura recomendada
··································
Olá, sou DD, um programador, desenvolvo um driver veterano há 10 anos, MVP da Alibaba Cloud, TVP da Tencent Cloud. Do desenvolvimento geral ao arquiteto e ao parceiro. Ao longo do caminho, meu sentimento mais profundo é que devemos continuar aprendendo e prestar atenção à fronteira. Contanto que você possa perseverar, pensar mais, reclamar menos e trabalhar duro, será fácil ultrapassar nas curvas! Portanto, não me pergunte se é tarde demais para fazer o que faço agora. Se você é otimista em relação a algo, deve perseverar para ver a esperança, não perseverar apenas quando vê a esperança. Acredite em mim, contanto que você se atenha a isso, você será melhor do que agora! Se você ainda não tem uma direção, pode me seguir primeiro, e muitas vezes compartilharei algumas informações de ponta aqui para ajudá-lo a acumular capital para curvas e ultrapassagens.