ReactXP – Uma biblioteca para construir aplicativos multiplataforma da Microsoft

17 abr

Fala Galera,

Hoje venho trazendo uma novidades para se construir aplicativos multiplataforma utilizando React. Se trata do ReactXP, essa biblioteca foi lançada recentemente pela Microsoft, isso mesmo pela Microsoft para que possamos devolver aplicativos não somente para iOS e Android mais para Web e Window.

Essa biblioteca foi desenvolvida pelo time do Skype e sua versão pública foi aberta para a comunidade em neste mês de abril. Ela ainda está na sua versão release candidate e essa biblioteca me parece realmente muito promissora.

Mas vamos lá e o Xamarin como fica com o ReactXP?

Xamarin é uma solução para se criar aplicativos multiplataforma em uma única base de código fonte. Xamarin tecnicamente tende-se a ser mais eficiente já que estamos construindo aplicativos nativos (Xamarin compila o código fonte para cada dispositivo nativamente) ao contrário do ReactXP que está limitado a performance do Javascript de cada plataforma.

O ReactXP diferentemente do Xamarin provê meios para criar aplicativos Mobiles e Web ao mesmo tempo usando uma única base de código e sua curva de aprendizado é menor já que somente precisamos saber a desenvolver para a Web.

Claro que não exista uma plataforma melhor que a outra, você deve escolher qual solução se encaixa melhor para cada cenário.

Primeiras Impressões

Para se usar o ReactXP temos alguns pontos de atenção que eu irei descrever abaixo:

  • Recomenda-se a usar TypeScript
  • Pode-se compilar diretamente para Web sem precisar nenhum tipo de compilador a não ser o TypeScript.
  • Se você já conhece React Nativa, sua curva de aprendizado é bem menor! Veja um exemplo abaixo
import RX = require('reactxp');

const styles = {
    container: RX.Styles.createViewStyle({
        flex: 1,
        justifyContent: 'center',
        alignItems: 'center',
        backgroundColor: '#f5fcff'
    }),
    helloWorld: RX.Styles.createTextStyle({
        fontSize: 48,
        fontWeight: 'bold',
        marginBottom: 28
    }),
};

class App extends RX.Component<null, null> {
    constructor() {
        super();
    }

    render(): JSX.Element | null {
        return (
            <RX.View style={ styles.container }>
                <RX.Text style={ [styles.helloWorld] }>
                    Hello World
                </RX.Text>
            </RX.View>
        );
    }
  
}

export = App;

 

Com a virada da Microsoft para o mundo open source muitas possibilidades se abriram e isso só traz benefícios para nós já que sempre saem grandes projetos. Estou muito feliz pela a postura da Microsoft com a comunidade open source e espero realmente que o ReactXP faça um grande sucesso!

Para saber mais sobre o ReactXP, veja a sua documentação clicando aqui!

Criei um exemplo de Todo usando ReactXP que você encontra o código clicando aqui!

Abs e até a próxima!

Deixe uma resposta

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *