Bienvenido al curso de Reactjs, esta publicación es el indice del curso para que puedas tener una guía de como ir aprendiendo.
Antes de Empezar el Curso
Es Necesario conocer estas tecnologías para aprender Reactjs:- HTML, es la sintaxis para escribir la estructura de los sitios web
- Javascript, es requerido, ya que Reactjs es una biblioteca que usa las ultimas versión de ecmascript, se te hará muy sencillo aprenderlo si conoces las bases del lenguaje.
A su vez es Recomendable, pero no necesario conocer las siguientes tecnologías
- Como Navegar en la consola o Terminal, react utiliza herramientas de lineas de comando así que es mejor conocer los comandos básicos, como crear, eliminar, o navegar entre carpetas.
- CSS, es Opcional, pero es mejor conocer las bases porque por lo general cuando construimos aplicaciones en React, necesitamos hacer que luzcan bien.
- Nodejs, si ya tienes alguna idea de que es Nodejs, comprenderás algunas de las herramientas que usa React como webpack, o babel.
- Webpack, es un empaquetador de módulos, que utilizan todas las tecnologías web modernas como Angular, Reactjs, Vue y muchas otras.
Este curso es para aquellas Personas:
- Que desean una Introducción Rápida de Reactjs para crear aplicaciones web
Temario del Curso
Antes de empezar en cualquier tecnología es mejor saber de que trata, es por eso que es mejor leer estas publicaciones:- ¿Qué es Reactjs?, en esta publicación aprendemos que es Reactjs y cuales son sus ventajas
- Herramientas para trabajar con React, una vez conozcamos algo de React, es mejor instalar las herramientas que vamos a usar con el.
Generando Nuestra estructura
Teniendo nuestro entorno listo es decir Nodejs instalado y comprobado a través del comando npm --version && node --version, es momento de instalar Reactjs. Para instalarlo su Página oficial nos da tres formas de instalarlo:- Usando CDN, tan solo requerimos los archivos javascript de react y empezamos a usarlo. pero obviamente esto no es recomendado si vamos a crear una aplicación real.
- Usando Create React App, para generar un proyecto con todo listo para empezar a escribir código
- Usando NPM, con las herramientas de webpack y babel, para agregarlo a proyectos existentes.
Una forma muy Fácil de empezar y la que más se usa en proyectos reales es create-react-app es por eso que la vamos a usar. así que empecemos:
- Instalándola a través de npm: npm i -g create-react-app
- generando nuestro primer proyecto con ella: create-react-app myfirstapp
luego tan solo tenemos que navegar dentro del proyecto y ejecutar npm start. y tendremos un servidor de desarrollo.
Analizando la Estructura del Proyecto
Si analizamos el proyecto veremos que encontramos scripts y una carpeta public, que contiene el html con un simple div y un Id app. pero todo el código reside en la carpeta src.
Conceptos Básico de React
- Presentational Component. solamente toman propiedades y muestran algo en pantalla, no mantienen ningún estado.
- Container Component, mantiene el estado de un componente
Creando tu Propio Proyecto de React
Webpack
Aprende Más
Renderizado del Lado Servidor
una de las ventajas más conocidas de Reactjs, es su capacidad de ser renderizado del lado servidor, y es por eso que aquí te presento algunos vídeos que te pueden ser útiles para aprender como hacer tal labor:
kjnhjk
ResponderBorrar