Skip to content

Commit e1a52d3

Browse files
woonjangahnwoonjangahn
committed
reverted auto formatting by editor
1 parent 756420e commit e1a52d3

File tree

5 files changed

+485
-480
lines changed

5 files changed

+485
-480
lines changed

‎README-CN.md‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -93,9 +93,9 @@
9393
- [Redux Better Promise](https://github.com/Lukasz-pluszczewski/redux-better-promise)
9494
- [Redux Saga](https://redux-saga.js.org/)
9595
- [Redux Observable](https://redux-observable.js.org)
96-
2. 助手
97-
- [Rematch](https://rematch.gitbooks.io/rematch/)
98-
- [Reselect](https://github.com/reduxjs/reselect)
96+
2. 助手
97+
* [Rematch](https://rematch.gitbooks.io/rematch/)
98+
* [Reselect](https://github.com/reduxjs/reselect)
9999
3. 数据持久化
100100
- [Redux Persist](https://github.com/rt2zz/redux-persist)
101101
- [Redux Phoenix](https://github.com/adam-golab/redux-phoenix)

‎README-ES.md‎

Lines changed: 121 additions & 115 deletions
Original file line numberDiff line numberDiff line change
@@ -17,7 +17,6 @@
1717
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?"
1818

1919
## Descargo
20-
2120
> 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
2221
2322
## Roadmap
@@ -26,145 +25,152 @@ A continuación puede encontrar un gráfico que muestra las rutas que puede toma
2625

2726
## Resources
2827

29-
1. Básico 1. HTML
30-
_ Aprender los conceptos básicos de HTML.
31-
        _ Hacer unas pocas páginas como ejercicio. 2. CSS
32-
_ Aprender los conceptos básicos de CSS
33-
_ Páginas de estilo del paso anterior.
34-
        * Construir una página con grid y flexbox. 3. Javascript Básico
35-
* Familiarizarse con la sintaxis.
36-
        * Aprender operaciones básicas en DOM
37-
        * Aprender los mecanismos típicos de JS (Hoisting, Event Bubbling, creación de prototipos)
38-
        * Hacer algunas llamadas AJAX (XHR)
39-
        * Aprender nuevas características (ECMA Script 6+)
40-
        \* Además, familiarícese con la biblioteca jQuery
41-
2. Habilidades generales de desarrollo 1. Aprenda GIT, cree algunos repositorios en GitHub, comparta su código con otras personas 2. Conozca el protocolo HTTP (S), métodos de solicitud (GET, POST, PUT, PATCH, DELETE, OPTIONS)
42-
3. No tengas miedo de usar Google, [Power Searching with Google](http://www.powersearchingwithgoogle.com/) 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
28+
1. Básico
29+
1. HTML
30+
* Aprender los conceptos básicos de HTML.
31+
        * Hacer unas pocas páginas como ejercicio.
32+
2. CSS
33+
* Aprender los conceptos básicos de CSS
34+
* Páginas de estilo del paso anterior.
35+
        * Construir una página con grid y flexbox.
36+
3. Javascript Básico
37+
* Familiarizarse con la sintaxis.
38+
        * Aprender operaciones básicas en DOM
39+
        * Aprender los mecanismos típicos de JS (Hoisting, Event Bubbling, creación de prototipos)
40+
        * Hacer algunas llamadas AJAX (XHR)
41+
        * Aprender nuevas características (ECMA Script 6+)
42+
        * Además, familiarícese con la biblioteca jQuery
43+
2. Habilidades generales de desarrollo
44+
1. Aprenda GIT, cree algunos repositorios en GitHub, comparta su código con otras personas
45+
2. Conozca el protocolo HTTP (S), métodos de solicitud (GET, POST, PUT, PATCH, DELETE, OPTIONS)
46+
3. No tengas miedo de usar Google, [Power Searching with Google](http://www.powersearchingwithgoogle.com/)
47+
4. Familiarícese con el terminal, configure su shell (bash, zsh, fish)
48+
    5. Lee algunos libros sobre algoritmos y estructuras de datos
49+
    6. Lee algunos libros sobre patrones de diseño
4550
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)
4651
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/)
52+
1. Gestores de paquetes
53+
* [npm](https://www.npmjs.com/)
54+
* [yarn](https://yarnpkg.com/lang/en/)
55+
* [pnpm](https://pnpm.js.org/)
56+
2. Task Runners
57+
* [npm scripts](https://docs.npmjs.com/misc/scripts)
58+
* [gulp](https://gulpjs.com/)
59+
* [Webpack](https://webpack.js.org/)
60+
* [Rollup](https://rollupjs.org/guide/en)
61+
* [Parcel](https://parceljs.org/)
5762
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)
63+
1. Preprocesadores CSS
64+
* [Sass/CSS](https://sass-lang.com/)
65+
* [PostCSS](https://postcss.org/)
66+
* [Less](http://lesscss.org/)
67+
* [Stylus](http://stylus-lang.com/)
68+
2. Frameworks CSS
69+
* [Bootstrap](https://getbootstrap.com/)
70+
* [Materialize](https://materializecss.com/), [Material UI](https://material-ui.com/), [Material Design Lite](https://getmdl.io/)
71+
* [Bulma](https://bulma.io/)
72+
* [Semantic UI](https://semantic-ui.com/)
73+
3. Arquitectura CSS
74+
* [BEM](http://getbem.com/)
75+
* [CSS Modules](https://github.com/css-modules/css-modules)
76+
* [Atomic](https://acss.io/)
77+
* [OOCSS](https://github.com/stubbornella/oocss/wiki)
78+
* [SMACSS](https://smacss.com/)
79+
* [SUITCSS](https://suitcss.github.io/)
80+
4. CSS en JS
81+
* [Styled Components](https://www.styled-components.com/)
82+
* [Radium](https://formidable.com/open-source/radium/)
83+
* [Emotion](https://emotion.sh/)
84+
* [JSS](http://cssinjs.org/)
85+
* [Aphrodite](https://github.com/Khan/aphrodite)
8186
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/)
87+
1. [Component State](https://reactjs.org/docs/faq-state.html)/[Context API](https://reactjs.org/docs/context.html)
88+
2. [Redux](https://redux.js.org/)
89+
1. Acciones asincrónicas (Efectos secundarios)
90+
* [Redux Thunk](https://github.com/reduxjs/redux-thunk)
91+
* [Redux Better Promise](https://github.com/Lukasz-pluszczewski/redux-better-promise)
92+
* [Redux Saga](https://redux-saga.js.org/)
93+
* [Redux Observable](https://redux-observable.js.org)
94+
2. Helpers
95+
* [Rematch](https://rematch.gitbooks.io/rematch/)
96+
* [Reselect](https://github.com/reduxjs/reselect)
97+
3. Persistencia de datos
98+
* [Redux Persist](https://github.com/rt2zz/redux-persist)
99+
* [Redux Phoenix](https://github.com/adam-golab/redux-phoenix)
100+
4. [Redux Form](https://redux-form.com)
101+
3. [MobX](https://mobx.js.org/)
97102
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/)
103+
* [PropTypes](https://reactjs.org/docs/typechecking-with-proptypes.html)
104+
* [TypeScript](https://www.typescriptlang.org/)
105+
* [Flow](https://flow.org/en/)
101106
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)
107+
* [Redux Form](https://redux-form.com)
108+
* [Formik](https://github.com/jaredpalmer/formik)
109+
* [Formsy](https://github.com/formsy/formsy-react)
110+
* [Final Form](https://github.com/final-form/final-form)
106111
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/)
112+
* [React-Router](https://reacttraining.com/react-router/)
113+
* [Router5](https://router5.js.org/)
114+
* [Redux-First Router](https://github.com/faceyspacey/redux-first-router)
115+
* [Reach Router](https://reach.tech/router/)
111116
10. Consumo de API
112117
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)
118+
* [Fetch](https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API)
119+
* [SuperAgent](https://visionmedia.github.io/superagent/)
120+
* [axios](https://github.com/axios/axios)
116121
2. GraphQL
117-
- [Apollo](https://www.apollographql.com/docs/react/)
118-
- [Relay](https://facebook.github.io/relay/)
119-
- [urql](https://github.com/FormidableLabs/urql)
122+
* [Apollo](https://www.apollographql.com/docs/react/)
123+
* [Relay](https://facebook.github.io/relay/)
124+
* [urql](https://github.com/FormidableLabs/urql)
120125
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/)
126+
* [Lodash](https://lodash.com/)
127+
* [Moment](https://momentjs.com/)
128+
* [classnames](https://github.com/JedWatson/classnames)
129+
* [Numeral](http://numeraljs.com/)
130+
* [RxJS](http://reactivex.io/)
131+
* [ImmutableJS](https://facebook.github.io/immutable-js/)
132+
* [Ramda](https://ramdajs.com/)
128133
12. Pruebas
129134
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)
135+
* [Jest](https://facebook.github.io/jest/)
136+
* [Enzyme](http://airbnb.io/enzyme/)
137+
* [Sinon](http://sinonjs.org/)
138+
* [Mocha](https://mochajs.org/)
139+
* [Chai](http://www.chaijs.com/)
140+
* [AVA](https://github.com/avajs/ava)
141+
* [Tape](https://github.com/substack/tape)
137142
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+
* [Selenium](https://www.seleniumhq.org/), [Webdriver](http://webdriver.io/)
144+
* [Cypress](https://cypress.io/)
145+
* [Puppeteer](https://pptr.dev/)
146+
* [Cucumber.js](https://github.com/cucumber/cucumber-js)
147+
* [Nightwatch.js](http://nightwatchjs.org/)
143148
3. Pruebas de integración
144-
- [Karma](https://karma-runner.github.io/)
149+
* [Karma](https://karma-runner.github.io/)
145150
13. Internacionalización
146-
- [React Intl](https://github.com/yahoo/react-intl)
147-
- [React i18next](https://react.i18next.com/)
151+
* [React Intl](https://github.com/yahoo/react-intl)
152+
* [React i18next](https://react.i18next.com/)
148153
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)
154+
* [Next.js](https://nextjs.org/)
155+
* [After.js](https://github.com/jaredpalmer/after.js)
156+
* [Rogue](https://github.com/alidcastano/rogue.js)
152157
15. Generador de sitio estático
153-
- [Gatsby](https://www.gatsbyjs.org/)
158+
* [Gatsby](https://www.gatsbyjs.org/)
154159
16. Integración con Framework de Backend
155-
- [React on Rails](https://shakacode.gitbooks.io/react-on-rails/content/)
160+
* [React on Rails](https://shakacode.gitbooks.io/react-on-rails/content/)
156161
17. Móvil
157-
- [React Native](https://facebook.github.io/react-native/)
158-
- [Cordova](https://cordova.apache.org/)/[Phonegap](https://phonegap.com/)
162+
* [React Native](https://facebook.github.io/react-native/)
163+
* [Cordova](https://cordova.apache.org/)/[Phonegap](https://phonegap.com/)
159164
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)
165+
* [Proton Native](https://proton-native.js.org/)
166+
* [Electron](https://electronjs.org/)
167+
* [React Native Windows](https://github.com/Microsoft/react-native-windows)
163168
19. Realidad virtual
164-
- [React 360](https://facebook.github.io/react-360/)
169+
* [React 360](https://facebook.github.io/react-360/)
165170

166171
## Conclusión
167172

173+
168174
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.
169175

170176
## Contribución

0 commit comments

Comments
 (0)