Skip to content

Commit 756420e

Browse files
woonjangahnwoonjangahn
committed
Add image with Korean roadmap
1 parent f9da5e2 commit 756420e

File tree

9 files changed

+679
-485
lines changed

9 files changed

+679
-485
lines changed

‎README-CN.md‎

Lines changed: 5 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -4,6 +4,8 @@
44

55
[README in Japanese](README-JA.md)
66

7+
[README in Korean](README-KO.md)
8+
79
[README in Portuguese (Brazil)](README-PTBR.md)
810

911
[README in Russian](README-RU.md)
@@ -91,9 +93,9 @@
9193
- [Redux Better Promise](https://github.com/Lukasz-pluszczewski/redux-better-promise)
9294
- [Redux Saga](https://redux-saga.js.org/)
9395
- [Redux Observable](https://redux-observable.js.org)
94-
2. 助手
95-
* [Rematch](https://rematch.gitbooks.io/rematch/)
96-
* [Reselect](https://github.com/reduxjs/reselect)
96+
2. 助手
97+
- [Rematch](https://rematch.gitbooks.io/rematch/)
98+
- [Reselect](https://github.com/reduxjs/reselect)
9799
3. 数据持久化
98100
- [Redux Persist](https://github.com/rt2zz/redux-persist)
99101
- [Redux Phoenix](https://github.com/adam-golab/redux-phoenix)

‎README-ES.md‎

Lines changed: 117 additions & 121 deletions
Original file line numberDiff line numberDiff line change
@@ -6,6 +6,8 @@
66

77
[README in Japanese](README-JA.md)
88

9+
[README in Korean](README-KO.md)
10+
911
[README in Portuguese (Brazil)](README-PTBR.md)
1012

1113
[README in Russian](README-RU.md)
@@ -15,6 +17,7 @@
1517
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?"
1618

1719
## Descargo
20+
1821
> 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
1922
2023
## Roadmap
@@ -23,152 +26,145 @@ A continuación puede encontrar un gráfico que muestra las rutas que puede toma
2326

2427
## Resources
2528

26-
1. Básico
27-
1. HTML
28-
* Aprender los conceptos básicos de HTML.
29-
        * Hacer unas pocas páginas como ejercicio.
30-
2. CSS
31-
* Aprender los conceptos básicos de CSS
32-
* Páginas de estilo del paso anterior.
33-
        * Construir una página con grid y flexbox.
34-
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
42-
1. Aprenda GIT, cree algunos repositorios en GitHub, comparta su código con otras personas
43-
2. Conozca el protocolo HTTP (S), métodos de solicitud (GET, POST, PUT, PATCH, DELETE, OPTIONS)
44-
3. No tengas miedo de usar Google, [Power Searching with Google](http://www.powersearchingwithgoogle.com/)
45-
4. Familiarícese con el terminal, configure su shell (bash, zsh, fish)
46-
    5. Lee algunos libros sobre algoritmos y estructuras de datos
47-
    6. Lee algunos libros sobre patrones de diseño
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
4845
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)
4946
4. Familiarízate con las herramientas que utilizarás.
50-
1. Gestores de paquetes
51-
* [npm](https://www.npmjs.com/)
52-
* [yarn](https://yarnpkg.com/lang/en/)
53-
* [pnpm](https://pnpm.js.org/)
54-
2. Task Runners
55-
* [npm scripts](https://docs.npmjs.com/misc/scripts)
56-
* [gulp](https://gulpjs.com/)
57-
* [Webpack](https://webpack.js.org/)
58-
* [Rollup](https://rollupjs.org/guide/en)
59-
* [Parcel](https://parceljs.org/)
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/)
6057
5. Estilo
61-
1. Preprocesadores CSS
62-
* [Sass/CSS](https://sass-lang.com/)
63-
* [PostCSS](https://postcss.org/)
64-
* [Less](http://lesscss.org/)
65-
* [Stylus](http://stylus-lang.com/)
66-
2. Frameworks CSS
67-
* [Bootstrap](https://getbootstrap.com/)
68-
* [Materialize](https://materializecss.com/), [Material UI](https://material-ui.com/), [Material Design Lite](https://getmdl.io/)
69-
* [Bulma](https://bulma.io/)
70-
* [Semantic UI](https://semantic-ui.com/)
71-
3. Arquitectura CSS
72-
* [BEM](http://getbem.com/)
73-
* [CSS Modules](https://github.com/css-modules/css-modules)
74-
* [Atomic](https://acss.io/)
75-
* [OOCSS](https://github.com/stubbornella/oocss/wiki)
76-
* [SMACSS](https://smacss.com/)
77-
* [SUITCSS](https://suitcss.github.io/)
78-
4. CSS en JS
79-
* [Styled Components](https://www.styled-components.com/)
80-
* [Radium](https://formidable.com/open-source/radium/)
81-
* [Emotion](https://emotion.sh/)
82-
* [JSS](http://cssinjs.org/)
83-
* [Aphrodite](https://github.com/Khan/aphrodite)
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)
8481
6. Manejo del estado
85-
1. [Component State](https://reactjs.org/docs/faq-state.html)/[Context API](https://reactjs.org/docs/context.html)
86-
2. [Redux](https://redux.js.org/)
87-
1. Acciones asincrónicas (Efectos secundarios)
88-
* [Redux Thunk](https://github.com/reduxjs/redux-thunk)
89-
* [Redux Better Promise](https://github.com/Lukasz-pluszczewski/redux-better-promise)
90-
* [Redux Saga](https://redux-saga.js.org/)
91-
* [Redux Observable](https://redux-observable.js.org)
92-
2. Helpers
93-
* [Rematch](https://rematch.gitbooks.io/rematch/)
94-
* [Reselect](https://github.com/reduxjs/reselect)
95-
3. Persistencia de datos
96-
* [Redux Persist](https://github.com/rt2zz/redux-persist)
97-
* [Redux Phoenix](https://github.com/adam-golab/redux-phoenix)
98-
4. [Redux Form](https://redux-form.com)
99-
3. [MobX](https://mobx.js.org/)
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/)
10097
7. Comprobadores de tipos
101-
* [PropTypes](https://reactjs.org/docs/typechecking-with-proptypes.html)
102-
* [TypeScript](https://www.typescriptlang.org/)
103-
* [Flow](https://flow.org/en/)
98+
- [PropTypes](https://reactjs.org/docs/typechecking-with-proptypes.html)
99+
- [TypeScript](https://www.typescriptlang.org/)
100+
- [Flow](https://flow.org/en/)
104101
8. Helpers de formularios
105-
* [Redux Form](https://redux-form.com)
106-
* [Formik](https://github.com/jaredpalmer/formik)
107-
* [Formsy](https://github.com/formsy/formsy-react)
108-
* [Final Form](https://github.com/final-form/final-form)
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)
109106
9. Enrutamiento
110-
* [React-Router](https://reacttraining.com/react-router/)
111-
* [Router5](https://router5.js.org/)
112-
* [Redux-First Router](https://github.com/faceyspacey/redux-first-router)
113-
* [Reach Router](https://reach.tech/router/)
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/)
114111
10. Consumo de API
115112
1. REST
116-
* [Fetch](https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API)
117-
* [SuperAgent](https://visionmedia.github.io/superagent/)
118-
* [axios](https://github.com/axios/axios)
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)
119116
2. GraphQL
120-
* [Apollo](https://www.apollographql.com/docs/react/)
121-
* [Relay](https://facebook.github.io/relay/)
122-
* [urql](https://github.com/FormidableLabs/urql)
117+
- [Apollo](https://www.apollographql.com/docs/react/)
118+
- [Relay](https://facebook.github.io/relay/)
119+
- [urql](https://github.com/FormidableLabs/urql)
123120
11. Librerías útiles
124-
* [Lodash](https://lodash.com/)
125-
* [Moment](https://momentjs.com/)
126-
* [classnames](https://github.com/JedWatson/classnames)
127-
* [Numeral](http://numeraljs.com/)
128-
* [RxJS](http://reactivex.io/)
129-
* [ImmutableJS](https://facebook.github.io/immutable-js/)
130-
* [Ramda](https://ramdajs.com/)
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/)
131128
12. Pruebas
132129
1. Pruebas Unitarias
133-
* [Jest](https://facebook.github.io/jest/)
134-
* [Enzyme](http://airbnb.io/enzyme/)
135-
* [Sinon](http://sinonjs.org/)
136-
* [Mocha](https://mochajs.org/)
137-
* [Chai](http://www.chaijs.com/)
138-
* [AVA](https://github.com/avajs/ava)
139-
* [Tape](https://github.com/substack/tape)
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)
140137
2. Pruebas de extremo a extremo
141-
* [Selenium](https://www.seleniumhq.org/), [Webdriver](http://webdriver.io/)
142-
* [Cypress](https://cypress.io/)
143-
* [Puppeteer](https://pptr.dev/)
144-
* [Cucumber.js](https://github.com/cucumber/cucumber-js)
145-
* [Nightwatch.js](http://nightwatchjs.org/)
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/)
146143
3. Pruebas de integración
147-
* [Karma](https://karma-runner.github.io/)
144+
- [Karma](https://karma-runner.github.io/)
148145
13. Internacionalización
149-
* [React Intl](https://github.com/yahoo/react-intl)
150-
* [React i18next](https://react.i18next.com/)
146+
- [React Intl](https://github.com/yahoo/react-intl)
147+
- [React i18next](https://react.i18next.com/)
151148
14. Render del lado del servidor
152-
* [Next.js](https://nextjs.org/)
153-
* [After.js](https://github.com/jaredpalmer/after.js)
154-
* [Rogue](https://github.com/alidcastano/rogue.js)
149+
- [Next.js](https://nextjs.org/)
150+
- [After.js](https://github.com/jaredpalmer/after.js)
151+
- [Rogue](https://github.com/alidcastano/rogue.js)
155152
15. Generador de sitio estático
156-
* [Gatsby](https://www.gatsbyjs.org/)
153+
- [Gatsby](https://www.gatsbyjs.org/)
157154
16. Integración con Framework de Backend
158-
* [React on Rails](https://shakacode.gitbooks.io/react-on-rails/content/)
155+
- [React on Rails](https://shakacode.gitbooks.io/react-on-rails/content/)
159156
17. Móvil
160-
* [React Native](https://facebook.github.io/react-native/)
161-
* [Cordova](https://cordova.apache.org/)/[Phonegap](https://phonegap.com/)
157+
- [React Native](https://facebook.github.io/react-native/)
158+
- [Cordova](https://cordova.apache.org/)/[Phonegap](https://phonegap.com/)
162159
18. Escritorio
163-
* [Proton Native](https://proton-native.js.org/)
164-
* [Electron](https://electronjs.org/)
165-
* [React Native Windows](https://github.com/Microsoft/react-native-windows)
160+
- [Proton Native](https://proton-native.js.org/)
161+
- [Electron](https://electronjs.org/)
162+
- [React Native Windows](https://github.com/Microsoft/react-native-windows)
166163
19. Realidad virtual
167-
* [React 360](https://facebook.github.io/react-360/)
164+
- [React 360](https://facebook.github.io/react-360/)
168165

169166
## Conclusión
170167

171-
172168
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.
173169

174170
## Contribución

0 commit comments

Comments
 (0)