1. Intro React

[hchocobar]

Check List

• [x] Que es React
• [x] Como funciona? Demo en template
• [x] Time to Code

Que es React?

• [x] Llibrería JS, JSX, historia (facebook), Componentes Clases, ES6. Componentes Funciones,
• [x] Reglas de Oro:
  • [x] Component Name: PascalCase
  • [x] Siempre devuelve 'uno y solo un' elemento HTML
  • [x] Todo los tags se cierran. Ejemplo: <hr/> en el Home

Como funciona:

• [x] index.html
• [x] index.js
• [x] Home.jsx

Time to Code

Creando Componentes:

• [x] Navbar
• [x] Footer
• [x] Jumbotron
• [x] Button - call actions
• [x] Alert
• [ ] Spinner
• [x] Card

JavaScript:

• [x] export default - import
• [x] export const - import { }

Sintaxis JSX (JavaScript XML)

• [x] Component Name: PascalCase
• [x] Siempre devuelve 'uno y solo un' elemento HTML
• [x] Tags: todo los tags se cierran. Ejemplo: <img /> <hr/>
• [x] Comentrios: Dentro de JSX realiza un comentario JS multilinea {/* Coment */}
• [x] Atributos: class -> className - for (en los labels) -> htmlFor
• [x] JavaScript: dentro de JSX, puedo insertar una expresión de JS dentro de { }
• [x] Styles: notación objetos dentro de JS style={{width: '18rem'}}
• [x] Images: import
• [x] Eventos: en camelCase onClick onSubmit

Documentación:

www.react.dev

[hchocobar]