Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Actualización y algunas correcciones #1

Merged
merged 35 commits into from
Mar 26, 2017
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
35 commits
Select commit Hold shift + click to select a range
15b2257
fix Jest logo
usulpro Mar 10, 2017
c2454b6
fix repetition in Webpack section
fbertone Mar 12, 2017
d988ba3
Merge pull request #166 from fbertone/patch-4
verekia Mar 12, 2017
1deb43e
update info about immutable import
techgaun Mar 11, 2017
afe752b
Merge pull request #164 from techgaun/master
verekia Mar 13, 2017
533b6e4
Add explanation about import type
verekia Mar 13, 2017
d1ff898
Merge pull request #163 from sm-artlight/master
verekia Mar 13, 2017
26469a9
Update all Jest logos, optimized
verekia Mar 13, 2017
2dbc6b6
Clarified module resolution part for Webpack
verekia Mar 13, 2017
a78b44c
Shorten text
verekia Mar 13, 2017
5e0e85f
Add comment about yarn add --dev husky --force
verekia Mar 13, 2017
2c79343
Wording
verekia Mar 13, 2017
b6c4a3f
Wording
verekia Mar 13, 2017
8779d93
Update prod:stop command
verekia Mar 13, 2017
923bc59
Add link to tj/n
verekia Mar 13, 2017
f0fa0cd
Add React component explicit types, new Webpack config for publicPath
verekia Mar 13, 2017
551392e
Small fixes including [email protected]
verekia Mar 13, 2017
7f43b3a
Add link to JSS benefits
verekia Mar 13, 2017
7829fd4
Use node_modules/bootstrap/dist files instead of downloading them
verekia Mar 13, 2017
d8e897b
Add JSS composes example
verekia Mar 13, 2017
158f3af
Tweak part about JSS
verekia Mar 14, 2017
4adadb9
Create LICENSE.md
verekia Mar 15, 2017
9b01a87
Update LICENSE.md
verekia Mar 15, 2017
c65dfa6
Add flow-react-proptypes
verekia Mar 15, 2017
43eb486
Merge branch 'master' of github.com:verekia/js-stack-from-scratch
verekia Mar 15, 2017
03c0239
Add eslint-plugin-compat
verekia Mar 15, 2017
78efb99
Bump version to 2.4.5
verekia Mar 15, 2017
8329f6e
Update CHANGELOG
verekia Mar 15, 2017
bf90846
Update 06-react-router-ssr-helmet.md
goldylucks Mar 19, 2017
742e444
Add note about Helmet.rewind()
verekia Mar 20, 2017
325c34d
Merge pull request #169 from goldylucks/patch-1
verekia Mar 20, 2017
b8bb445
Actualizado para empatar 325c34d
MrcRjs Mar 25, 2017
02e4136
Correción de errores de tipado y gramáticales
MrcRjs Mar 25, 2017
b3c4d04
Corregidos errores de tipado
MrcRjs Mar 25, 2017
123bfc9
Traducción actualizada
MrcRjs Mar 25, 2017
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
30 changes: 21 additions & 9 deletions CHANGELOG.md
Original file line number Diff line number Diff line change
@@ -1,18 +1,30 @@
# Change Log

## V2 (currently v2.4.3)
## v2.4.5

- Add `babel-plugin-flow-react-proptypes`.
- Add `eslint-plugin-compat`.
- Add JSS `composes` example.

## v2.4.4

- Update Immutable to remove the `import * as Immutable from 'immutable'` syntax.
- Declare Flow types outside of function params for React components.
- Improve Webpack `publicPath`.

## V2, up to v2.4.3

- Gulp is gone, replaced by NPM (Yarn) scripts.
- Express has been added, with template strings for static HTML. Gzip compression enabled.
- Support for development environment with Nodemon and production environment with PM2.
- Minification or sourcemaps depending on the environment via Webpack.
- Webpack Dev Server added, with Hot Module Replacement and `react-hot-loader`.
- Added an asynchronous call example with `redux-thunk`.
- Add Webpack Dev Server, with Hot Module Replacement and `react-hot-loader`.
- Add an asynchronous call example with `redux-thunk`.
- Linting / type checking / testing is not launched at every file change anymore, but triggered by Git Hooks via Husky.
- Some chapters have been combined to make it easier to maintain the tutorial.
- Replaced Chai and Mocha by Jest.
- Added React-Router, Server-Side rendering, `react-helmet`.
- Renamed all "dog" things and replaced it by "hello" things. It's a Hello World app after all.
- Added Twitter Bootstrap, JSS, and `react-jss` for styling.
- Added a Websocket example with Socket.IO.
- Added optional Heroku, Travis, and Coveralls integrations.
- Replace Chai and Mocha by Jest.
- Add React-Router, Server-Side rendering, `react-helmet`.
- Rename all "dog" things and replaced it by "hello" things. It's a Hello World app after all.
- Add Twitter Bootstrap, JSS, and `react-jss` for styling.
- Add a Websocket example with Socket.IO.
- Add optional Heroku, Travis, and Coveralls integrations.
21 changes: 21 additions & 0 deletions LICENSE.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,21 @@
# MIT License

Copyright (c) 2017 Jonathan Verrecchia

Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE.
20 changes: 10 additions & 10 deletions README.md
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
# Stack JavaScript desde Cero
# Stack JavaScript desde cero

[![Build Status](https://travis-ci.org/verekia/js-stack-from-scratch.svg?branch=master)](https://travis-ci.org/verekia/js-stack-from-scratch)
[![Release](https://img.shields.io/github/release/verekia/js-stack-from-scratch.svg?style=flat-square)](https://github.com/verekia/js-stack-from-scratch/releases)
Expand All @@ -18,21 +18,21 @@

Bienvenido a mi tutorial (@verekia) sobre el stack javascript: ** Stack Javascript desde Cero**.

> 🎉 **Esta es la V2 del tutorial, con grandes cambios desde la edición de 2016. Puede ver la [Lista de Cambios](/CHANGELOG.md)!**
> 🎉 **Esta es la V2 del tutorial, con grandes cambios desde la edición de 2016. Puedes ver la [Lista de Cambios](/CHANGELOG.md)!**

Esta es una guía orientada a ensamblar un stack JavaScript. Requiere algunos conocimientos de programación general, y básicos de JavaScript. **Se centra en herramientas que abordaremos juntos** y ofreciendole el **ejemplo más simple posible** para cada herramientas. Puede ver este tutorial como *una manera de escribir su propia boilerplate desde cero*. Debido a que, el objetivo de este tutorial es ensamblar varias herramientas, no voy a entrar en detalles sobre como cada una trabaja individualmente. Consulte su documentación o encuentre otros tutoriales si desea adquirir un conocimiento más profundo en ellos.
Esta es una guía orientada directamente a ensamblar un stack JavaScript. Requieres de algunos conocimientos generales de programación, y conceptos básicos de JavaScript. **Se centra en acoplar varias herramientas** y ofrecerle el **ejemplo más simple posible** para cada herramienta. Puedes ver este tutorial como *una manera de escribir tu propia boilerplate desde cero*. Debido a que el objetivo de este tutorial es ensamblar varias herramientas, no voy a entrar en detalles sobre como funciona cada una individualmente. Consulta la documentación o encuentra otros tutoriales si deseas adquirir un conocimiento más profundo en estas.

No necesita usar este stack entero si va a construir una simple página web con una pocas interacciones de JS interactions obviamente (una combinación de Browserify/Webpack + Babel + jQuery es suficiente para poder escribir código ES6 en archivos diferentes), pero si quieres crear una aplicación web que sea escalable, y necesitas ayuda para configurar las cosas, este tutorial será muy bueno para ti.
No necesitas usar este stack entero si vas a construir una simple página web con pocas interacciones de JS (una combinación de Browserify/Webpack + Babel + jQuery es suficiente para poder escribir código ES6 en archivos diferentes), pero si quieres crear una aplicación web que sea escalable, y necesitas ayuda para configurar las cosas, este tutorial será muy bueno para ti.

Una gran parte de lo descrito en este tutorial usa React. Si estas comenzando y quieres aprender React, [create-react-app](https://github.com/facebookincubator/create-react-app) le permitirá levantar y correr rápidamente un entorno de React ya preconfigurado. Recomiendo este enfoque para quien se este incorporando a un equipo que este usando React y necesite ponerse al día con un ambiente de pruebas. En este tutorial no lo usaremos, porque quiero que entienda lo que esta sucede debajo de todo.
Una gran parte de lo descrito en este tutorial usa React. Si estas comenzando y sólo quieres aprender React, [create-react-app](https://github.com/facebookincubator/create-react-app) te permitirá levantar y ejecutar rápidamente un entorno de React ya preconfigurado. Recomiendo este enfoque para quien se esté incorporando a un equipo que utilice React y necesite ponerse al día con un ambiente de pruebas. En este tutorial no utilizaremos React preconfigurado, porque quiero que entiendas todo lo que hay detrás de su funcionamiento.

Los códigos de ejemplos estan disponibles en cada capítulo, puedes correlos todos usando `yarn && yarn start`. Sin embargo, recomiendo que escriba todo desde cero siguiendo las **instrucciones paso a paso**.
Los códigos de los ejemplos estan disponibles en cada capítulo, puedes ejecutarlos usando `yarn && yarn start`. Sin embargo, te recomiendo que escribas todo desde cero siguiendo las **instrucciones paso a paso**.

El código final esta disponible en el [repositorio JS-Stack-Boilerplate](https://github.com/verekia/js-stack-boilerplate), en el [releases](https://github.com/verekia/js-stack-from-scratch/releases). Así como también un [demo en vivo](https://js-stack.herokuapp.com/).
El código final esta disponible en el [repositorio JS-Stack-Boilerplate](https://github.com/verekia/js-stack-boilerplate), en [releases](https://github.com/verekia/js-stack-from-scratch/releases). Así como también un [demo en vivo](https://js-stack.herokuapp.com/).

Funciona en Linux, macOS, y Windows.

## Tabla de Contenidos
## Tabla de contenidos

[01 - Node, Yarn, `package.json`](/tutorial/01-node-yarn-package-json.md#readme)

Expand All @@ -52,9 +52,9 @@ Funciona en Linux, macOS, y Windows.

[09 - Travis, Coveralls, Heroku](/tutorial/09-travis-coveralls-heroku.md#readme)

## Proximamente
## Próximamente

Configurando tu editor (Atom), MongoDB, Progressive Web App.
Configura tu editor (Atom), MongoDB, Progressive Web App.

## Traducciones

Expand Down
2 changes: 1 addition & 1 deletion how-to-translate.md
Original file line number Diff line number Diff line change
Expand Up @@ -35,7 +35,7 @@ Since I want to reward you for your good work as much as possible, you can put a
- After your original one-shot translation, if you want to update your repo with the latest change from the main English repo, [sync your fork](https://help.github.com/articles/syncing-a-fork/) with my repo. To make it easy to see what changed since your initial translation, you can use Github's feature to [compare commits](https://help.github.com/articles/comparing-commits-across-time/#comparing-commits). Set the **base** to the last commit from the English repo you used to translate, and compare it to **master**, like so:

<!-- markdownlint-disable MD034 -->
https://github.com/verekia/js-stack-from-scratch/compare/9b3852fcdf8f3000e7513abfcb26e0e58b33b230...master
https://github.com/verekia/js-stack-from-scratch/compare/c65dfa65d02c21063d94f0955de90947ba5273ad...master
<!-- markdownlint-enable MD034 -->

That should give you a easy-to-read diff to see exactly what changed in `README.md` files since your translation!
Binary file modified img/jest-padded-90.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified img/jest-padded.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified img/jest.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
4 changes: 2 additions & 2 deletions package.json
Original file line number Diff line number Diff line change
@@ -1,13 +1,13 @@
{
"name": "js-stack-from-scratch",
"version": "2.4.3",
"version": "2.4.5",
"description": "JavaScript Stack from Scratch - Step-by-step tutorial to build a modern JavaScript stack",
"scripts": {
"test": "node mdlint.js"
},
"devDependencies": {
"glob": "^7.1.1",
"markdownlint": "^0.3.0"
"markdownlint": "^0.4.0"
},
"repository": "verekia/js-stack-from-scratch",
"author": "Jonathan Verrecchia - @verekia",
Expand Down
Loading