Bienvenido al tutorial de: Crear un Stack de JavaScript desde cero.
Esta guia pretende ser una ayuda rápida para la formación de un Stack de Javascript adecuado a la actualidad, es necesario conocer almenos en forma general sobre programación, y algunos conceptos básicos de Javascript, la misma describe como usar ES6, Babel, Gulp, ESLint, React, Redux, Webpack, Immutable, Mocha, Chai, Sinon, y Flow. centrado en cómo usar todas estas herramientas en conjunto de la manera más simple y con ejemplo de cada herramienta, sin profundizar como tal en cada una de ellas, luego de leer todos estos recursos serás capaz de realizar tus propias versiones desde cero.
No necesitas usar todas las tecnologias que se nombraron anteriormente, si lo que quieres es realizar un simple sitio web, con algo de Javascript, (pero claro una combinación de Babel + jQuery es mas que suficiente), pero si lo que buscas es crear un aplicación web que sea escalable, posiblemente requieras de ayuda para configurar algunas cosas, este tutorial estará genial para tí.
Si deseas conocer una de las herramientas nombradas con mayor profundidad, tomando en cuenta que cada una puede funcionar individualmente, puedes consultar su documentación en los sitios respectivos, o bien buscar más tutoriales al respecto según tus necesidades.
Una gran parte de los descrito en este tutorial utilizá React. Si estas iniciandote o buscas aprender React, create-react-app puede ser de ayuda para comenzar rápidamente con un entorno de React preconfigurado. Sin embargo la idea de este tutorial es que veas que sucede detrás de todo, queremos que entiendas que es lo ocurre, usar el create-react-app es muy util si por ejemplo en tu equipo estan usando React y necesitas ponerte al día con un ambiente de pruebas.
Cada capítulo tiene disponible códigos de ejemplo, los cuales puedes ejecutar con yarn && yarn start ó npm install && npm start. Te recomendamos que escribas todos desde cero, siquiendo para ello las instrucciones paso a paso de cada capítulo.
Cada capítulo contiene código de los anteriores, por lo que si estás buscando simplemente un proyecto que contiene todo, basta sólo con clonar el último capítulo y estarás al día para usarlo.
El código de este tutorial funciona en Linux, macOS, y Windows.
1 - Node, NPM, Yarn, y package.json
2 - Instalar y usar un paquete
3 - Instalar y configurar ES6 con Babel y Gulp
4 - Usar la sintaxis de ES6 con una clase
5 - Sintaxis de modulos en ES6
10 - Mejoras con ImmutableJS y Redux
11 - Pruebas con Mocha, Chai, y Sinon
12 - Tipos de comprobaciones con Flow
Producción / Entornos de desarrollo, Express, React Router, Renderizado del lado del servidor, Estilos, Enzyme, Git Hooks.
Si quieres agregar una traduccion, por favor lee las recomendaciones para traducciones para comenzar!
Creado por @verekia – verekia.com.
License: MIT