45

Por qué debes aprender React

15749Puntos

hace 2 años

Curso de React.js 2017
Curso de React.js 2017

Curso de React.js 2017

React es una de las librerías más utilizadas hoy en día para crear aplicaciones web. En este curso podrás dominar la creación de aplicaciones a través de un proyecto que te ayudará a explotar todas las capacidades de esta librería.

Para comenzar React fue creado por Facebook y la comunidad. Ahora mismo lo están usando las startups mas importantes como Uber, Airbnb, Tesla,
Instagram…

Cuando aprendes react no solamente aprendes como hacer mejores interfaces web o como ser un front end feliz. Si no que también con los mismos conceptos puedes hacer aplicaciones nativas para Android, IOS y aplicaciones VR.

Una gran ventaja que tiene React frente a otros frameworks es que Facebook lo usa en toda su aplicación y eso da seguridad de que no lo van descontinuar o hacer cambios dramáticos de su api como Angular.

Otro a punto a favor es la comunidad alrededor, cualquier problema que tengas ya esta básicamente resulto de antemano. Al igual que tienes librerías para resolver cualquier cosa.

React es flexible lo puedes adaptar al stack que uses ahora mismo.

Abajo te explico lo fácil que es hacer tres aplicaciones con react solo con los conceptos básicos.

Recuerda aprender React te abre las puertas a tres tecnologías muy importantes:

Web


import React, { Component } from 'react';
import { Render } from 'react-render';

classFoxHoundextendsComponent {

	render() {
		return (
      <section>
				<header style="&lt;span" class="hljs-template-variable">{{
						background:'#000',
						color:'#DB9E34',
						textAlign:'center',
						padding:'40px'
					}}
				>
          

FOXHOUND</h1> </header<>> {{width:'100%', margin:'0 auto'}} src="./hello-world.jpg" /> </section> ) } }; Render(document.getElementById('#container'), FoxHound);

Resultado

web.png

VR

Este mismo lo podrías hacer para una VR app:

importReact, { Component } from 'react';
import {
  AppRegistry,
  asset,
  Pano,
  Text,
  View,
} from 'react-vr';

classFoxHoundextendsComponent{
  render() {
    return (
      <View>
        <Pano source={asset('hello-world.jpg')}/>
        <Text
          style={{
            backgroundColor: '#000',
            fontSize: 0.8,
            fontWeight: '400',
            layoutOrigin: [0.5, 0.5],
            paddingLeft: 0.2,
            paddingRight: 0.2,
            textAlign: 'center',
            textAlignVertical: 'center',
            transform: [{translate: [0, 0, -3]}],
            color: '#DB9E34'
          }}>
          FOXHOUND
        Text>
      View>
    );
  }
};

AppRegistry.registerComponent('FoxHoundVR', () => FoxHound);

Resultado

vr.png

Mobile

Esto mismo en una app 100% nativa sería:

import React, { Component } from 'react';import {
  StyleSheet,
  Text,
  View,
  ImageBackground
} from 'react-native';

class FoxHound extends Component {
  render() {
    return (
      <Viewstyle={styles.container}><ImageBackgroundstyle={styles.img}source={require('./hello-world.jpg')}
        ><Textstyle={styles.title}>FOXHOUNDText>ImageBackground>
      View>
    );
  }
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    justifyContent: 'center',
    alignItems: 'center',
    backgroundColor: '#F5FCFF',
  },
  title: {
    fontSize: 25,
    textAlign: 'center',
    margin: 10,
    backgroundColor: '#000',
    color: '#DB9E34',
    padding: 40
  },
  img: {
    width: '100%',
    height: '100%',
    flex: 1,
    justifyContent: 'center'
  }
});

AppRegistry.registerComponent('FoxHoundMobile', () => FoxHound);

Resultado

mobile.jpg

Si quieres un gran avance en tu carrera, este es el momento de aprender react.

Curso de React.js 2017
Curso de React.js 2017

Curso de React.js 2017

React es una de las librerías más utilizadas hoy en día para crear aplicaciones web. En este curso podrás dominar la creación de aplicaciones a través de un proyecto que te ayudará a explotar todas las capacidades de esta librería.
Alejandro
Alejandro
@alesanabriav

15749Puntos

hace 2 años

Todas sus entradas
Escribe tu comentario
+ 2
Ordenar por:
4
1278Puntos

Yo uso mucho react es muy rapido.

0
15749Puntos
2 años

Así es y con la version 16, ahora lo es más.

3
21301Puntos

Muy buenos ejemplos.
¡3x1! 😃

2
34454Puntos

Como que me estoy animando a hacer la Carrera de Desarrollador React en lugar de la de Desarrollador PHP.

De hecho pienso seriamente completar las carreras de Desarrollador Javascript y Desarrollador React … qué opinas?

0
15749Puntos
2 años

totalmente hay ahora mucho mas oportunidades con javascript de triunfar en el mundo laboral!

1
820Puntos
2 años

Estoy con el mismo plan, desarrollador Javascript y desarrollador React. Ir hacia el futuro

1
15869Puntos
2 años

es una buena idea, ultimamente hay mucho augue de desarollo javascript debido a su adopcion en materia de backend, frontend y ahora en movil. Es un ecosistema en constante cambio, asi que debes estar muy informado y aprender constantemente

1
5123Puntos

Saludos, me surge una pregunta? que diferencia posee react native con ionic? por qué debería usar una, y no la otra?

0
15749Puntos
2 años

Primero que trabajas con los conceptos de react, segundo es 100% nativo y tercero react native se basa en el concepto bridge el cual te permite hacer llamadas de funciones nativas en el thread de javascript. o colocar UI nativo en el UI de react y así…