Mi primera aplicación en React

Entendiendo Props Conceptos básicos de React El objetivo de este tutorial es explicar los conceptos básicos de una aplicación en React. Para tener una visión más detallada y profundizar en temas avanzados de React se recomiendan los siguientes enlaces : Curso básico de React en Codecademy Curso avanzado de React en Codecademy Tutorial de React Oficial Documentación oficial de React Curso de React en PluralSight ( De paga ) Cursos de React en egghead Componentes de React React tiene dos tipos de componentes: Componentes de estado o contenedores y Componentes sin estado o de presentación . Cada componente tiene una función diferente. Componentes contenedores Se caracterizan por ser los componentes principales de React. Éstos se encargan de renderizar a los componentes de presentación y contienen toda la lógica de nuestra aplicación. Estos componentes deben ser clases de ECMA 6 y deben contener un estado de la app. Nota importante: Todo componente ...

Añadiendo rutas a nuestra app de React Añadiendo rutas a nuestra app en React Para que nuestra app tenga una mejor funcionalidad debemos incorporar e instalar un sistema que nos proporcione diferentes rutas en nuestra app. Para realizar dicha tarea debemos instalar una herramienta llamada react router dom . Toda la documentación detallada la podemos encontrar aquí . El primer paso es instalar la herramienta (ejecutamos en la terminal) : cd my-app npm install --save react-router-dom El siguiente paso es modificar nuestro archivo index.js ubicado en la carpeta src de nuestra app. En dicho archivo añadimos lo siguiente: import './index.css' ; import App from './App' ; import registerServiceWorker from './registerServiceWorker' ; // Importamos lo necesario para react router dom import { BrowserRouter } from 'react-router-dom' ; // Encapsulamos nuestro componente principal en Browser Router const ...

Crear app en React Tutorial para crear una app de react. Para crear una aplicación en React, debemos de tener instalado node en nuestra computadora. Para windows, podemos instalar la última versión de Node, podemos descargarla desde esta página : https://nodejs.org/en/download/ o en la página https://nodejs.org/ . En la página de Node encontraremos información sobre como instalar node en nuestra pc dependiendo la plataforma. Para saber si node está instalado ejecutamos el sig comando en la terminal node --version Una vez instalado node, podemos descargar e instalar el kit de desarrollo create-react-app https://github.com/facebook/create-react-app . Para instalarlo solo debemos ejecutar (en la terminal): npm install -g create-react-app Para crear un proyecto nuevo ejecutamos (en la terminal): create -react-app my-app Nota: Si la versión es superior a la 5 basta con ejecutar en la terminal (sin instalar nada antes ) : npx create-react-app my-app ...