Como iniciar en el desarrollo de aplicaciones con react

Jose Carlos ( Joss )

  • Computer systems Engineer
  • Fullstack developer
  • Teacher assistant
  • Community promoter

React

Una librería de Javascript para desarrollar interfaces de usuario.

Errores en común al iniciar:

1.  Creer que react es una herramienta independiente.

2.  No conocer bien el lenguaje de programación

  • Variables
  • Funciones
  • Ciclos
  • Clases
  • Herencia
  • Ciclos
class HelloMessage extends React.Component {
  
    render(){
        return React.createElement( 
            "div",
            null,
            "Hello ",
            this.props.name );
    }
}



ReactDOM.render( 
    React.createElement(HelloMessage,
    { name: "Taylor" }),
    mountNode);

¿ECMA?

Javascript del futuro

Constants

Arrow Functions

Lexical this

Rest Parameter

Spread Operator

Template Literals

Property Shorthand

Destructuring Assignment

Modules

Async / await

3.  Continuar con react sin deshacerte de la caja negra.

Primer paso ✨

Un acercamiento más real

Create-react-app

$ create-react-app [AppNAme]

React init 🎉

By Jose Carlos Correa Mandujano

React init 🎉

Como iniciar en el desarrollo con React. Charla para Ironhack 3 Oct.

  • 517