adam-golab · jaynandu · Oct 15, 2020
diff --git a/LICENSE b/LICENSE
diff --git a/PULL_REQUEST_TEMPLATE.md b/PULL_REQUEST_TEMPLATE.md
@@ -1,11 +1,11 @@
-**What this PR does?**
-
-
-**Why are you adding given library? (Short description why do you think that this library is important)**
-
-
-**Screenshots (the part that you modified is enough)**
-
-Before:
-
-After changes:
+**What this PR does?**
+
+
+**Why are you adding given library? (Short description why do you think that this library is important)**
+
+
+**Screenshots (the part that you modified is enough)**
+
+Before:
+
+After changes:
diff --git a/README-CN.md b/README-CN.md
diff --git a/README-ES.md b/README-ES.md
diff --git a/README-JA.md b/README-JA.md
diff --git a/README-KO.md b/README-KO.md
diff --git a/README-PTBR.md b/README-PTBR.md
diff --git a/README-RU.md b/README-RU.md
diff --git a/README.md b/README.md
diff --git a/src/react-developer-roadmap-cn.xml b/src/react-developer-roadmap-cn.xml
diff --git a/src/react-developer-roadmap-es.xml b/src/react-developer-roadmap-es.xml
diff --git a/src/react-developer-roadmap-ja.xml b/src/react-developer-roadmap-ja.xml
diff --git a/src/react-developer-roadmap-pt-br.xml b/src/react-developer-roadmap-pt-br.xml
diff --git a/src/react-developer-roadmap-ru.xml b/src/react-developer-roadmap-ru.xml
diff --git a/src/react-developer-roadmap.xml b/src/react-developer-roadmap.xml
diff --git a/translations/README-FR.md b/translations/README-FR.md
@@ -0,0 +1,110 @@
+# React Developer Roadmap
+
+[README en chinois] (README-CN.md)
+
+[README en japonais] (README-JA.md)
+
+[README en coréen] (README-KO.md)
+
+[README en portugais (Brésil)] (README-PTBR.md)
+
+[README en russe] (README-RU.md)
+
+[README en espagnol] (README-ES.md)
+
+> Feuille de route pour devenir développeur React en 2019:
+
+Vous trouverez ci-dessous un graphique illustrant les chemins que vous pouvez emprunter et les bibliothèques que vous voudriez apprendre pour devenir développeur React. J'ai créé ce graphique comme une astuce pour tous ceux qui me demandent: "Que dois-je apprendre ensuite en tant que développeur React?"
+
+## Avertissement
+
+> Le but de cette feuille de route est de vous donner une idée du paysage. La feuille de route vous guidera si vous ne savez pas quoi apprendre ensuite, plutôt que de vous encourager à choisir ce qui est branché et à la mode. Vous devriez mieux comprendre pourquoi un outil serait mieux adapté à certains cas que l'autre et rappelez-vous que branché et à la mode ne signifie pas toujours le mieux adapté au travail.
+
+## Feuille de route
+
+! [Feuille de route] (./ roadmap.png)
+
+## Ressources
+
+1. Bases
+   1. HTML
+      - Apprenez les bases du HTML
+      - Faites quelques pages comme exercice
+   2. CSS
+      - Apprenez les bases du CSS
+      - Pages de style de l'étape précédente
+      - Construire une page avec grille et flexbox
+   3. Principes de base de JS
+      - Familiarisez-vous avec la syntaxe
+      - Apprenez les opérations de base sur DOM
+      - Apprenez les mécanismes typiques pour JS (levage, bulles d'événement, prototypage)
+      - Passer des appels AJAX (XHR)
+      - Apprenez de nouvelles fonctionnalités (ECMA Script 6+)
+      - De plus, familiarisez-vous avec la bibliothèque jQuery
+2. Compétences générales de développement
+   1. Apprenez GIT, créez quelques dépôts sur GitHub, partagez votre code avec d'autres personnes
+   2. Connaître le protocole HTTP (S), les méthodes de requête (GET, POST, PUT, PATCH, DELETE, OPTIONS)
+   3. N'ayez pas peur d'utiliser Google, [Power Searching with Google] (http://www.powersearchingwithgoogle.com/)
+   4. Familiarisez-vous avec le terminal, configurez votre shell (bash, zsh, fish)
+   5. Lisez quelques livres sur les algorithmes et les structures de données
+   6. Lisez quelques livres sur les modèles de conception
+3. Apprenez React sur [site officiel] (https://reactjs.org/tutorial/tutorial.html) ou suivez quelques [cours] (https://egghead.io/courses/the-beginner-s-guide-to -réagir)
+4. Familiarisez-vous avec les outils que vous utiliserez
+   1. Gestionnaires de packages
+      - [npm] (https://www.npmjs.com/)
+      - [fil] (https://yarnpkg.com/lang/en/)
+      - [pnpm] (https://pnpm.js.org/)
+   2. Exécuteurs de tâches
+      - [scripts npm] (https://docs.npmjs.com/misc/scripts)
+      - [gulp] (https://gulpjs.com/)
+   - [Webpack] (https://webpack.js.org/)
+   - [Rollup] (https://rollupjs.org/guide/en)
+   - [Colis] (https://parceljs.org/)
+5. Stylisme
+   1. Préprocesseur CSS
+      - [Sass / CSS] (https://sass-lang.com/)
+      - [PostCSS] (https://postcss.org/)
+      - [Moins] (http://lesscss.org/)
+      - [Stylet] (http://stylus-lang.com/)
+   2. Cadres CSS
+      - [Bootstrap] (https://getbootstrap.com/)
+      - [Materialise] (https://materializecss.com/), [Material UI] (https://material-ui.com/), [Material Design Lite] (https://getmdl.io/)
+      - [Bulma] (https://bulma.io/)
+      - [Interface utilisateur sémantique] (https://semantic-ui.com/)
+   3. Architecture CSS
+      - [BEM] (http://getbem.com/)
+      - [Modules CSS] (https://github.com/css-modules/css-modules)
+      - [Atomic] (https://acss.io/)
+      - [OOCSS] (https://github.com/stubbornella/oocss/wiki)
+      - [SMACSS] (https://smacss.com/)
+      - [SUITCSS] (https://suitcss.github.io/)
+   4. CSS dans JS
+      - [Composants stylisés] (https://www.styled-components.com/)
+      - [Radium] (https://formidable.com/open-source/radium/)
+      - [Émotion] (https://emotion.sh/)
+      - [JSS] (http://cssinjs.org/)
+      - [Aphrodite] (https://github.com/Khan/aphrodite)
+6. Gestion de l’État
+   1. [État du composant] (https://reactjs.org/docs/faq-state.html) / [API de contexte] (https://reactjs.org/docs/context.html)
+   2. [Redux] (https://redux.js.org/)
+      1. Actions asynchrones (effets secondaires)
+         - [Redux Thunk] (https://github.com/reduxjs/redux-thunk)
+         - [Redux Better Promise] (https://github.com/Lukasz-pluszczewski/redux-better-promise)
+         - [Redux Saga] (https://redux-saga.js.org/)
+         - [Observable Redux] (https://redux-observable.js.org)
+      2. Aides
+         - [Rematch] (https://rematch.gitbooks.io/rematch/)
+         - [Reselect] (https://github.com/reduxjs/reselect)
+      3. Persistance des données
+         - [Redux Persist] (https://github.com/rt2zz/redux-persist)
+         - [Redux Phoenix] (https://github.com/adam-golab/redux-phoenix)
+      4. [Formulaire Redux] (https://redux-form.com)
+   3. [MobX] (https://mobx.js.org/)
+7. Vérificateurs de type
+   - [PropTypes] (https://reactjs.org/docs/typechecking-with-proptypes.html)
+   - [TypeScript] (https://www.typescriptlang.org/)
+   - [Flow] (https://flow.org/en/)
+8. Form Helpers
+   - [Formulaire Redux] (https://redux-form.com)
+   - [Formik] (https://github.com/jaredpalmer/formik)
+   - [Formsy] (https://github.com/formsy/fo
diff --git a/translations/cn.json b/translations/cn.json
@@ -1,57 +1,57 @@
-{
-  "React Developer in 2019": "2019 React 开发者",
-  "Legends": "图例",
-  "Personal must know": "必须掌握",
-  "Good to know": "最好掌握",
-  "Possibilities": "可以掌握",
-  "Learn the Basics": "学习基础知识",
-  "Learn the basics of HTML": "学习 HTML 的基础知识",
-  "Semantic HTML": "HTML 语法",
-  "Dividing page into sections and structuring the DOM properly": "将页面划分为多个部分并正确构建 DOM",
-  "Learn the basics of CSS": "学习 CSS 的基础知识",
-  "Grid and Flexbox": "Grid 布局和 Flexbox 布局",
-  "Responsive Web Design and Media Queries": "响应式 Web 设计和媒体查询",
-  "Syntax and basic operations": "语法和基本的操作",
-  "DOM manipulation": "DOM 操作",
-  "Hoisting, Event Bubbling, Prototyping": "变量提升，事件冒泡，原型",
-  "ECMA Script 6+, learn new features": "ECMA Script 6+, 学习新的特性",
-  "JS Basics": "JS 基础",
-  "jQuery (Optional)": "jQuery (可选)",
-  "General Development Skills": "常用开发技能",
-  "GIT - Version Control (GitHub, Bitbucket, GitLab)": "GIT - 版本控制 (GitHub, Bitbucket, GitLab)",
-  "HTTP/HTTPS protocol": "HTTP/HTTPS 协议",
-  "Learn to search for solutions": "学会寻找解决方案",
-  "Terminal usage": "终端的使用",
-  "Data Structures and Algorithms": "数据结构和算法",
-  "Design patterns": "设计模式",
-  "Build Tools": "构建工具",
-  "Package Managers": "包管理器",
-  "Task Runners": "任务运行器",
-  "npm scripts": "npm 脚本",
-  "Styling": "样式",
-  "CSS Preprocessors": "CSS 预处理器",
-  "CSS Frameworks": "CSS 框架",
-  "CSS Architecture": "CSS 架构",
-  "State Management": "状态管理",
-  "Component State / Context": "组件状态 / 上下文",
-  "Async actions": "异步操作",
-  "Form Helpers": "表单助手",
-  "Helpers": "助手",
-  "API Clients": "API 客户端",
-  "fetch (native)": "fetch (原生)",
-  "Utility Libraries": "实用工具库",
-  "i18n": "国际化(i18n)",
-  "Server Side Rendering": "服务器端渲染(SSR)",
-  "Backend Framework Integration": "后端集成框架",
-  "Desktop": "桌面端",
-  "Type Checkers": "类型检查器",
-  "Routing": "路由",
-  "Testing": "测试",
-  "Unit Testing": "单元(Unit)测试",
-  "Integration Testing": "集成测试",
-  "E2E Testing": "端到端(E2E)测试",
-  "Static Site Generator": "静态网站生成器",
-  "Mobile": "移动端",
-  "Virtual Reality": "虚拟现实(VR)",
-  "Keep Learning :)": "坚持学习 :)"
-}
+{
+  "React Developer in 2019": "2019 React 开发者",
+  "Legends": "图例",
+  "Personal must know": "必须掌握",
+  "Good to know": "最好掌握",
+  "Possibilities": "可以掌握",
+  "Learn the Basics": "学习基础知识",
+  "Learn the basics of HTML": "学习 HTML 的基础知识",
+  "Semantic HTML": "HTML 语法",
+  "Dividing page into sections and structuring the DOM properly": "将页面划分为多个部分并正确构建 DOM",
+  "Learn the basics of CSS": "学习 CSS 的基础知识",
+  "Grid and Flexbox": "Grid 布局和 Flexbox 布局",
+  "Responsive Web Design and Media Queries": "响应式 Web 设计和媒体查询",
+  "Syntax and basic operations": "语法和基本的操作",
+  "DOM manipulation": "DOM 操作",
+  "Hoisting, Event Bubbling, Prototyping": "变量提升，事件冒泡，原型",
+  "ECMA Script 6+, learn new features": "ECMA Script 6+, 学习新的特性",
+  "JS Basics": "JS 基础",
+  "jQuery (Optional)": "jQuery (可选)",
+  "General Development Skills": "常用开发技能",
+  "GIT - Version Control (GitHub, Bitbucket, GitLab)": "GIT - 版本控制 (GitHub, Bitbucket, GitLab)",
+  "HTTP/HTTPS protocol": "HTTP/HTTPS 协议",
+  "Learn to search for solutions": "学会寻找解决方案",
+  "Terminal usage": "终端的使用",
+  "Data Structures and Algorithms": "数据结构和算法",
+  "Design patterns": "设计模式",
+  "Build Tools": "构建工具",
+  "Package Managers": "包管理器",
+  "Task Runners": "任务运行器",
+  "npm scripts": "npm 脚本",
+  "Styling": "样式",
+  "CSS Preprocessors": "CSS 预处理器",
+  "CSS Frameworks": "CSS 框架",
+  "CSS Architecture": "CSS 架构",
+  "State Management": "状态管理",
+  "Component State / Context": "组件状态 / 上下文",
+  "Async actions": "异步操作",
+  "Form Helpers": "表单助手",
+  "Helpers": "助手",
+  "API Clients": "API 客户端",
+  "fetch (native)": "fetch (原生)",
+  "Utility Libraries": "实用工具库",
+  "i18n": "国际化(i18n)",
+  "Server Side Rendering": "服务器端渲染(SSR)",
+  "Backend Framework Integration": "后端集成框架",
+  "Desktop": "桌面端",
+  "Type Checkers": "类型检查器",
+  "Routing": "路由",
+  "Testing": "测试",
+  "Unit Testing": "单元(Unit)测试",
+  "Integration Testing": "集成测试",
+  "E2E Testing": "端到端(E2E)测试",
+  "Static Site Generator": "静态网站生成器",
+  "Mobile": "移动端",
+  "Virtual Reality": "虚拟现实(VR)",
+  "Keep Learning :)": "坚持学习 :)"
+}
diff --git a/translations/es.json b/translations/es.json
@@ -1,57 +1,57 @@
-{
-    "React Developer in 2019": "Desarrollador React en 2019",
-    "Legends": "Legendas",
-    "Personal must know": "Debe saber",
-    "Good to know": "Bueno saber",
-    "Possibilities": "Opcional",
-    "Learn the Basics": "Aprende lo básico",
-    "Learn the basics of HTML": "Aprende lo básico de HTML",
-    "Semantic HTML": "Semántica HTML",
-    "Dividing page into sections and structuring the DOM properly": "Dividir la página en secciones y estructurar el DOM correctamente",
-    "Learn the basics of CSS": "Aprende lo básico de CSS",
-    "Grid and Flexbox": "Grids y Flexbox",
-    "Responsive Web Design and Media Queries": "Diseño resposivo y Media Queries",
-    "Syntax and basic operations": "Sintaxis y operaciones básicas",
-    "DOM manipulation": "Manipulación del DOM",
-    "Hoisting, Event Bubbling, Prototyping": "Hoisting, Event Bubbling, Prototyping",
-    "ECMA Script 6+, learn new features": "Aprende las nuevas característica de ES6+",
-    "JS Basics": "Javascript básico",
-    "jQuery (Optional)": "jQuery (opcional)",
-    "General Development Skills": "Habilidades generales de desarrollo",
-    "GIT - Version Control (GitHub, Bitbucket, GitLab)": "GIT - Control de versiones (GitHub, Bitbucket, GitLab)",
-    "HTTP/HTTPS protocol": "Protocolo HTTP/HTTPS",
-    "Learn to search for solutions": "Aprende a buscar soluciones",
-    "Terminal usage": "Uso del terminal",
-    "Data Structures and Algorithms": "Estructura de datos y Algoritmos",
-    "Design patterns": "Patrones de diseño",
-    "Build Tools": "Herramientas de construcción",
-    "Package Managers": "Gestores de paquetes",
-    "Task Runners": "Corredores de tareas",
-    "npm scripts": "npm scripts",
-    "Styling": "Estilo",
-    "CSS Preprocessors": "Preprocesadores CSS",
-    "CSS Frameworks": "Frameworks CSS",
-    "CSS Architecture": "Arquitectura CSS",
-    "State Management": "Manejo del Estado",
-    "Component State / Context": "Estado del componente / Contexto",
-    "Async actions": "Acciones asincrónicas",
-    "Form Helpers": "Helpers de formulario",
-    "Helpers": "Helpers",
-    "API Clients": "API Clients",
-    "fetch (native)": "fetch (nativo)",
-    "Utility Libraries": "Bibliotecas útiles",
-    "i18n": "i18n",
-    "Server Side Rendering": "Renderizar del lado del servidor",
-    "Backend Framework Integration": "Framework de integración con el back-end",
-    "Desktop": "Escritorio",
-    "Type Checkers": "Type Checkers",
-    "Routing": "Enrutamiento",
-    "Testing": "Pruebas",
-    "Unit Testing": "Pruebas unitarias",
-    "Integration Testing": "Pruebas de integración",
-    "E2E Testing": "Pruebas end-to-end",
-    "Static Site Generator": "Generador de sitio estático",
-    "Mobile": "Móvil",
-    "Virtual Reality": "Realidad virtual",
-    "Keep Learning :)": "Continua aprendendo :)"
+{
+    "React Developer in 2019": "Desarrollador React en 2019",
+    "Legends": "Legendas",
+    "Personal must know": "Debe saber",
+    "Good to know": "Bueno saber",
+    "Possibilities": "Opcional",
+    "Learn the Basics": "Aprende lo básico",
+    "Learn the basics of HTML": "Aprende lo básico de HTML",
+    "Semantic HTML": "Semántica HTML",
+    "Dividing page into sections and structuring the DOM properly": "Dividir la página en secciones y estructurar el DOM correctamente",
+    "Learn the basics of CSS": "Aprende lo básico de CSS",
+    "Grid and Flexbox": "Grids y Flexbox",
+    "Responsive Web Design and Media Queries": "Diseño resposivo y Media Queries",
+    "Syntax and basic operations": "Sintaxis y operaciones básicas",
+    "DOM manipulation": "Manipulación del DOM",
+    "Hoisting, Event Bubbling, Prototyping": "Hoisting, Event Bubbling, Prototyping",
+    "ECMA Script 6+, learn new features": "Aprende las nuevas característica de ES6+",
+    "JS Basics": "Javascript básico",
+    "jQuery (Optional)": "jQuery (opcional)",
+    "General Development Skills": "Habilidades generales de desarrollo",
+    "GIT - Version Control (GitHub, Bitbucket, GitLab)": "GIT - Control de versiones (GitHub, Bitbucket, GitLab)",
+    "HTTP/HTTPS protocol": "Protocolo HTTP/HTTPS",
+    "Learn to search for solutions": "Aprende a buscar soluciones",
+    "Terminal usage": "Uso del terminal",
+    "Data Structures and Algorithms": "Estructura de datos y Algoritmos",
+    "Design patterns": "Patrones de diseño",
+    "Build Tools": "Herramientas de construcción",
+    "Package Managers": "Gestores de paquetes",
+    "Task Runners": "Corredores de tareas",
+    "npm scripts": "npm scripts",
+    "Styling": "Estilo",
+    "CSS Preprocessors": "Preprocesadores CSS",
+    "CSS Frameworks": "Frameworks CSS",
+    "CSS Architecture": "Arquitectura CSS",
+    "State Management": "Manejo del Estado",
+    "Component State / Context": "Estado del componente / Contexto",
+    "Async actions": "Acciones asincrónicas",
+    "Form Helpers": "Helpers de formulario",
+    "Helpers": "Helpers",
+    "API Clients": "API Clients",
+    "fetch (native)": "fetch (nativo)",
+    "Utility Libraries": "Bibliotecas útiles",
+    "i18n": "i18n",
+    "Server Side Rendering": "Renderizar del lado del servidor",
+    "Backend Framework Integration": "Framework de integración con el back-end",
+    "Desktop": "Escritorio",
+    "Type Checkers": "Type Checkers",
+    "Routing": "Enrutamiento",
+    "Testing": "Pruebas",
+    "Unit Testing": "Pruebas unitarias",
+    "Integration Testing": "Pruebas de integración",
+    "E2E Testing": "Pruebas end-to-end",
+    "Static Site Generator": "Generador de sitio estático",
+    "Mobile": "Móvil",
+    "Virtual Reality": "Realidad virtual",
+    "Keep Learning :)": "Continua aprendendo :)"
 }