Skip to content

Commit 2a3e6fe

Browse files
authored
translate README to spanish
1 parent 0b81095 commit 2a3e6fe

File tree

1 file changed

+181
-0
lines changed

1 file changed

+181
-0
lines changed

README-ES.md

Lines changed: 181 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,181 @@
1+
# React Developer Roadmap
2+
[README in Chinese](README-CN.md)
3+
4+
[README in Spanish](README-ES.md)
5+
6+
[README in Russian](README-RU.md)
7+
8+
[README in Portuguese (Brazil)](README-PTBR.md)
9+
10+
> Roadmap para convertirse en un desarrollador React en 2019::
11+
12+
A continuación puede encontrar un gráfico que muestra las rutas que puede tomar y las bibliotecas que le gustaría aprender para convertirse en un desarrollador React. Hice esta tabla como una sugerencia para todos los que me preguntan: "¿Qué debo aprender a continuación como desarrollador de React?"
13+
14+
## Descargo
15+
> El propósito de este roadmap es darte una idea sobre el paisaje. Este lo guiará en caso de estár confundido acerca de qué aprender, en lugar de animarlo a elegir lo que es moderno y actual. Debe comprender mejor por qué una herramienta sería más adecuada para algunos casos que la otra y recordar que la moda y la moda no siempre son las más adecuadas para el trabajo
16+
17+
## Roadmap
18+
19+
![Roadmap](./roadmap.png)
20+
21+
## Resources
22+
23+
1. Básico
24+
1. HTML
25+
* Aprender los conceptos básicos de HTML.
26+
        * Hacer unas pocas páginas como ejercicio.
27+
2. CSS
28+
* Aprender los conceptos básicos de CSS
29+
* Páginas de estilo del paso anterior.
30+
        * Construir una página con grid y flexbox.
31+
3. Javascript Básico
32+
* Familiarizarse con la sintaxis.
33+
        * Aprender operaciones básicas en DOM
34+
        * Aprender los mecanismos típicos de JS (Hoisting, Event Bubbling, creación de prototipos)
35+
        * Hacer algunas llamadas AJAX (XHR)
36+
        * Aprender nuevas características (ECMA Script 6+)
37+
        * Además, familiarícese con la biblioteca jQuery
38+
2. Habilidades generales de desarrollo
39+
1. Aprenda GIT, cree algunos repositorios en GitHub, comparta su código con otras personas
40+
2. Conozca el protocolo HTTP (S), métodos de solicitud (GET, POST, PUT, PATCH, DELETE, OPTIONS)
41+
3. No tengas miedo de usar Google, [Power Searching with Google](http://www.powersearchingwithgoogle.com/)
42+
4. Familiarícese con el terminal, configure su shell (bash, zsh, fish)
43+
    5. Lee algunos libros sobre algoritmos y estructuras de datos
44+
    6. Lee algunos libros sobre patrones de diseño
45+
3. Aprender React [Página oficial](https://reactjs.org/tutorial/tutorial.html) o completa algunos [cursos](https://egghead.io/courses/the-beginner-s-guide-to-react)
46+
4. Familiarízate con las herramientas que utilizarás.
47+
1. Gestores de paquetes
48+
* [npm](https://www.npmjs.com/)
49+
* [yarn](https://yarnpkg.com/lang/en/)
50+
* [pnpm](https://pnpm.js.org/)
51+
2. Task Runners
52+
* [npm scripts](https://docs.npmjs.com/misc/scripts)
53+
* [gulp](https://gulpjs.com/)
54+
* [Webpack](https://webpack.js.org/)
55+
* [Rollup](https://rollupjs.org/guide/en)
56+
* [Parcel](https://parceljs.org/)
57+
5. Estilo
58+
1. Preprocesadores CSS
59+
* [Sass/CSS](https://sass-lang.com/)
60+
* [PostCSS](https://postcss.org/)
61+
* [Less](http://lesscss.org/)
62+
* [Stylus](http://stylus-lang.com/)
63+
2. Frameworks CSS
64+
* [Bootstrap](https://getbootstrap.com/)
65+
* [Materialize](https://materializecss.com/), [Material UI](https://material-ui.com/), [Material Design Lite](https://getmdl.io/)
66+
* [Bulma](https://bulma.io/)
67+
* [Semantic UI](https://semantic-ui.com/)
68+
3. Arquitectura CSS
69+
* [BEM](http://getbem.com/)
70+
* [CSS Modules](https://github.com/css-modules/css-modules)
71+
* [Atomic](https://acss.io/)
72+
* [OOCSS](https://github.com/stubbornella/oocss/wiki)
73+
* [SMACSS](https://smacss.com/)
74+
* [SUITCSS](https://suitcss.github.io/)
75+
4. CSS en JS
76+
* [Styled Components](https://www.styled-components.com/)
77+
* [Radium](https://formidable.com/open-source/radium/)
78+
* [Emotion](https://emotion.sh/)
79+
* [JSS](http://cssinjs.org/)
80+
* [Aphrodite](https://github.com/Khan/aphrodite)
81+
6. Manejo del estado
82+
1. [Component State](https://reactjs.org/docs/faq-state.html)/[Context API](https://reactjs.org/docs/context.html)
83+
2. [Redux](https://redux.js.org/)
84+
1. Acciones asincrónicas (Efectos secundarios)
85+
* [Redux Thunk](https://github.com/reduxjs/redux-thunk)
86+
* [Redux Better Promise](https://github.com/Lukasz-pluszczewski/redux-better-promise)
87+
* [Redux Saga](https://redux-saga.js.org/)
88+
* [Redux Observable](https://redux-observable.js.org)
89+
2. Helpers
90+
* [Rematch](https://rematch.gitbooks.io/rematch/)
91+
* [Reselect](https://github.com/reduxjs/reselect)
92+
3. Persistencia de datos
93+
* [Redux Persist](https://github.com/rt2zz/redux-persist)
94+
* [Redux Phoenix](https://github.com/adam-golab/redux-phoenix)
95+
4. [Redux Form](https://redux-form.com)
96+
3. [MobX](https://mobx.js.org/)
97+
7. Comprobadores de tipos
98+
* [PropTypes](https://reactjs.org/docs/typechecking-with-proptypes.html)
99+
* [TypeScript](https://www.typescriptlang.org/)
100+
* [Flow](https://flow.org/en/)
101+
8. Helpers de formularios
102+
* [Redux Form](https://redux-form.com)
103+
* [Formik](https://github.com/jaredpalmer/formik)
104+
* [Formsy](https://github.com/formsy/formsy-react)
105+
* [Final Form](https://github.com/final-form/final-form)
106+
9. Enrutamiento
107+
* [React-Router](https://reacttraining.com/react-router/)
108+
* [Router5](https://router5.js.org/)
109+
* [Redux-First Router](https://github.com/faceyspacey/redux-first-router)
110+
* [Reach Router](https://reach.tech/router/)
111+
10. Consumo de API
112+
1. REST
113+
* [Fetch](https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API)
114+
* [SuperAgent](https://visionmedia.github.io/superagent/)
115+
* [axios](https://github.com/axios/axios)
116+
2. GraphQL
117+
* [Apollo](https://www.apollographql.com/docs/react/)
118+
* [Relay](https://facebook.github.io/relay/)
119+
* [urql](https://github.com/FormidableLabs/urql)
120+
11. Librerías útiles
121+
* [Lodash](https://lodash.com/)
122+
* [Moment](https://momentjs.com/)
123+
* [classnames](https://github.com/JedWatson/classnames)
124+
* [Numeral](http://numeraljs.com/)
125+
* [RxJS](http://reactivex.io/)
126+
* [ImmutableJS](https://facebook.github.io/immutable-js/)
127+
* [Ramda](https://ramdajs.com/)
128+
12. Pruebas
129+
1. Pruebas Unitarias
130+
* [Jest](https://facebook.github.io/jest/)
131+
* [Enzyme](http://airbnb.io/enzyme/)
132+
* [Sinon](http://sinonjs.org/)
133+
* [Mocha](https://mochajs.org/)
134+
* [Chai](http://www.chaijs.com/)
135+
* [AVA](https://github.com/avajs/ava)
136+
* [Tape](https://github.com/substack/tape)
137+
2. Pruebas de extremo a extremo
138+
* [Selenium](https://www.seleniumhq.org/), [Webdriver](http://webdriver.io/)
139+
* [Cypress](https://cypress.io/)
140+
* [Puppeteer](https://pptr.dev/)
141+
* [Cucumber.js](https://github.com/cucumber/cucumber-js)
142+
* [Nightwatch.js](http://nightwatchjs.org/)
143+
3. Pruebas de integración
144+
* [Karma](https://karma-runner.github.io/)
145+
13. Internacionalización
146+
* [React Intl](https://github.com/yahoo/react-intl)
147+
* [React i18next](https://react.i18next.com/)
148+
14. Render del lado del servidor
149+
* [Next.js](https://nextjs.org/)
150+
* [After.js](https://github.com/jaredpalmer/after.js)
151+
* [Rogue](https://github.com/alidcastano/rogue.js)
152+
15. Generador de sitio estático
153+
* [Gatsby](https://www.gatsbyjs.org/)
154+
16. Integración con Framework de Backend
155+
* [React on Rails](https://shakacode.gitbooks.io/react-on-rails/content/)
156+
17. Móvil
157+
* [React Native](https://facebook.github.io/react-native/)
158+
* [Cordova](https://cordova.apache.org/)/[Phonegap](https://phonegap.com/)
159+
18. Escritorio
160+
* [Proton Native](https://proton-native.js.org/)
161+
* [Electron](https://electronjs.org/)
162+
* [React Native Windows](https://github.com/Microsoft/react-native-windows)
163+
19. Realidad virtual
164+
* [React 360](https://facebook.github.io/react-360/)
165+
166+
## Conclusión
167+
168+
169+
Si cree que se puede mejorar el roadmap, abra un PR con cualquier actualización y envíe cualquier problema. Además, continuaré mejorandolo, por lo que es posible que desee darle una estrella a este repositorio para volver a visitarlo.
170+
171+
## Contribución
172+
173+
The roadmap is built using [Draw.io](https://www.draw.io/). Project file can be found at `/src` directory. To modify it, open draw.io, click **Open Existing Diagram** and choose `xml` file with project. It will open the roadmap for you. Update it, upload and update the images in readme and create a PR (export as png).
174+
175+
- Abrir un pull request con mejoras.
176+
- Discutir ideas en temas (issues).
177+
- Difundir la palabra.
178+
179+
## Licencia
180+
181+
[![License: CC BY-NC-SA 4.0](https://img.shields.io/badge/License-CC%20BY--NC--SA%204.0-lightgrey.svg)](https://creativecommons.org/licenses/by-nc-sa/4.0/)

0 commit comments

Comments
 (0)