Add react roadmap

pull/1331/head
Kamran Ahmed 4 years ago
parent f6c10d7344
commit bc66a805e3
  1. 89
      content/roadmaps.json
  2. 11
      content/roadmaps/4-react/landscape.md
  3. 36
      content/roadmaps/4-react/meta.json
  4. 0
      content/roadmaps/4-react/resources.md
  5. 0
      content/roadmaps/5-android/landscape.md
  6. 0
      content/roadmaps/5-android/meta.json
  7. 0
      content/roadmaps/5-android/resources.md
  8. 2
      content/roadmaps/5-fullstack/landscape.md
  9. 39
      content/roadmaps/5-fullstack/meta.json
  10. BIN
      public/roadmaps/react.png
  11. 28
      public/sitemap.xml

@ -133,6 +133,46 @@
"url": "/devops", "url": "/devops",
"sidebar": {} "sidebar": {}
}, },
{
"seo": {
"title": "React Developer Roadmap: Learn to become a React developer",
"description": "Community driven, articles, resources, guides, interview questions, quizzes for react development. Learn to become a modern React developer by following the steps, skills, resources and guides listed in this roadmap.",
"keywords": [
"guide to becoming a react developer",
"react developer roadmap",
"react roadmap",
"become react developer",
"react developer skills",
"react skills test",
"skills for react development",
"learn react development",
"what is react",
"react quiz",
"react interview questions"
]
},
"title": "React Developer",
"description": "Everything that is there to learn about React and the ecosystem in 2020.",
"featuredDescription": "Everything that is there to learn about React and the ecosystem in 2020.",
"isTextHeavy": false,
"communityResource": false,
"featured": true,
"path": "/roadmaps/4-react/landscape.md",
"resources": "/roadmaps/4-react/resources.md",
"versions": [
"latest",
"2018",
"2017"
],
"author": {
"name": "Kamran Ahmed",
"url": "https://twitter.com/kamranahmedse"
},
"contributorsCount": 0,
"contributorsUrl": "/react/contributors",
"url": "/react",
"sidebar": {}
},
{ {
"seo": { "seo": {
"title": "Android Developer Roadmap: Learn to become an Android developer", "title": "Android Developer Roadmap: Learn to become an Android developer",
@ -157,8 +197,8 @@
"isTextHeavy": true, "isTextHeavy": true,
"communityResource": true, "communityResource": true,
"featured": true, "featured": true,
"path": "/roadmaps/4-android/landscape.md", "path": "/roadmaps/5-android/landscape.md",
"resources": "/roadmaps/4-android/resources.md", "resources": "/roadmaps/5-android/resources.md",
"versions": [ "versions": [
"latest", "latest",
"2018", "2018",
@ -168,54 +208,11 @@
"name": "Kamran Ahmed", "name": "Kamran Ahmed",
"url": "https://twitter.com/kamranahmedse" "url": "https://twitter.com/kamranahmedse"
}, },
"contributorsCount": 1, "contributorsCount": 0,
"contributorsUrl": "/android/contributors", "contributorsUrl": "/android/contributors",
"url": "/android", "url": "/android",
"sidebar": {} "sidebar": {}
}, },
{
"seo": {
"title": "Fullstack Roadmap: Learn to become a fullstack developer",
"description": "Community driven, articles, resources, guides, interview questions, quizzes for modern fullstack development. Learn to become a modern fullstack developer by following the steps, skills, resources and guides listed in this roadmap.",
"keywords": [
"guide to becoming a developer",
"guide to becoming a fullstack developer",
"fullstack developer",
"fullstack engineer",
"fullstack skills",
"fullstack development",
"javascript developer",
"fullstack development skills",
"fullstack development skills test",
"fullstack engineer roadmap",
"fullstack developer roadmap",
"become a fullstack developer",
"fullstack developer career path",
"javascript developer",
"modern javascript developer",
"node developer",
"skills for fullstack development",
"learn fullstack development",
"what is fullstack development",
"fullstack developer quiz",
"fullstack developer interview questions"
]
},
"title": "Full Stack Developer",
"description": "Step by step guide to becoming a modern fullstack developer in 2020",
"featuredDescription": "Step by step guide to becoming a modern fullstack developer in 2020",
"path": "/roadmaps/5-fullstack/landscape.md",
"resources": "/roadmaps/5-fullstack/resources.md",
"upcoming": true,
"author": {
"name": "Kamran Ahmed",
"url": "https://twitter.com/kamranahmedse"
},
"contributorsCount": 1,
"contributorsUrl": "/fullstack/contributors",
"url": "/fullstack",
"sidebar": {}
},
{ {
"seo": { "seo": {
"title": "QA Roadmap: Learn to become a modern QA engineer", "title": "QA Roadmap: Learn to become a modern QA engineer",

@ -0,0 +1,11 @@
The intent of this guide is to give you an idea about the React ecosystem and to help guide your learning if you are confused. We have another [roadmap on the Frontend Development](/frontend) that focuses on the frontend development if you are interested in that.
Also, please note that the list below is exhaustive, and the items are listed in no particular order. You don't need to learn everything listed in the picture, however knowing what you don't know is as important as knowing things.
![](/roadmaps/react.png)
Please note that the list is opinionated, and you might have different opinions than those of the author. Having said that, [we would love to hear your opinions](https://github.com/kamranahmedse/roadmap.sh/issues/new) and incorporate them in the picture if suitable.
<!-- @fixme add padding to the container -->
<br /><br /><br />

@ -0,0 +1,36 @@
{
"seo": {
"title": "React Developer Roadmap: Learn to become a React developer",
"description": "Community driven, articles, resources, guides, interview questions, quizzes for react development. Learn to become a modern React developer by following the steps, skills, resources and guides listed in this roadmap.",
"keywords": [
"guide to becoming a react developer",
"react developer roadmap",
"react roadmap",
"become react developer",
"react developer skills",
"react skills test",
"skills for react development",
"learn react development",
"what is react",
"react quiz",
"react interview questions"
]
},
"title": "React Developer",
"description": "Everything that is there to learn about React and the ecosystem in 2020.",
"featuredDescription": "Everything that is there to learn about React and the ecosystem in 2020.",
"isTextHeavy": false,
"communityResource": false,
"featured": true,
"path": "./landscape.md",
"resources": "./resources.md",
"versions": [
"latest",
"2018",
"2017"
],
"author": {
"name": "Kamran Ahmed",
"url": "https://twitter.com/kamranahmedse"
}
}

@ -1,2 +0,0 @@
## Fullstack Roadmap
Roadmap to becoming a fullstack developer

@ -1,39 +0,0 @@
{
"seo": {
"title": "Fullstack Roadmap: Learn to become a fullstack developer",
"description": "Community driven, articles, resources, guides, interview questions, quizzes for modern fullstack development. Learn to become a modern fullstack developer by following the steps, skills, resources and guides listed in this roadmap.",
"keywords": [
"guide to becoming a developer",
"guide to becoming a fullstack developer",
"fullstack developer",
"fullstack engineer",
"fullstack skills",
"fullstack development",
"javascript developer",
"fullstack development skills",
"fullstack development skills test",
"fullstack engineer roadmap",
"fullstack developer roadmap",
"become a fullstack developer",
"fullstack developer career path",
"javascript developer",
"modern javascript developer",
"node developer",
"skills for fullstack development",
"learn fullstack development",
"what is fullstack development",
"fullstack developer quiz",
"fullstack developer interview questions"
]
},
"title": "Full Stack Developer",
"description": "Step by step guide to becoming a modern fullstack developer in 2020",
"featuredDescription": "Step by step guide to becoming a modern fullstack developer in 2020",
"path": "./landscape.md",
"resources": "./resources.md",
"upcoming": true,
"author": {
"name": "Kamran Ahmed",
"url": "https://twitter.com/kamranahmedse"
}
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.1 MiB

@ -18,6 +18,12 @@
<lastmod>2020-01-29T07:49:29.706Z</lastmod> <lastmod>2020-01-29T07:49:29.706Z</lastmod>
<priority>1.0</priority> <priority>1.0</priority>
</url> </url>
<url>
<loc>https://roadmap.sh/react</loc>
<changefreq>monthly</changefreq>
<lastmod>2020-07-18T00:11:27.434Z</lastmod>
<priority>1.0</priority>
</url>
<url> <url>
<loc>https://roadmap.sh/android</loc> <loc>https://roadmap.sh/android</loc>
<changefreq>monthly</changefreq> <changefreq>monthly</changefreq>
@ -25,23 +31,35 @@
<priority>1.0</priority> <priority>1.0</priority>
</url> </url>
<url> <url>
<loc>https://roadmap.sh/fullstack</loc> <loc>https://roadmap.sh/qa</loc>
<changefreq>monthly</changefreq> <changefreq>monthly</changefreq>
<lastmod>2020-01-29T07:49:29.706Z</lastmod> <lastmod>2020-01-29T07:49:29.706Z</lastmod>
<priority>1.0</priority> <priority>1.0</priority>
</url> </url>
<url> <url>
<loc>https://roadmap.sh/qa</loc> <loc>https://roadmap.sh/guides/project-history</loc>
<changefreq>monthly</changefreq> <changefreq>monthly</changefreq>
<lastmod>2020-01-29T07:49:29.706Z</lastmod> <lastmod>2020-07-16T19:59:14.191Z</lastmod>
<priority>1.0</priority> <priority>1.0</priority>
</url> </url>
<url> <url>
<loc>https://roadmap.sh/guides/oauth</loc> <loc>https://roadmap.sh/guides/ci-cd</loc>
<changefreq>monthly</changefreq>
<lastmod>2020-07-09T19:59:14.191Z</lastmod>
<priority>1.0</priority>
</url>
<url>
<loc>https://roadmap.sh/guides/sso</loc>
<changefreq>monthly</changefreq> <changefreq>monthly</changefreq>
<lastmod>2020-07-01T19:59:14.191Z</lastmod> <lastmod>2020-07-01T19:59:14.191Z</lastmod>
<priority>1.0</priority> <priority>1.0</priority>
</url> </url>
<url>
<loc>https://roadmap.sh/guides/oauth</loc>
<changefreq>monthly</changefreq>
<lastmod>2020-06-28T19:59:14.191Z</lastmod>
<priority>1.0</priority>
</url>
<url> <url>
<loc>https://roadmap.sh/guides/jwt-authentication</loc> <loc>https://roadmap.sh/guides/jwt-authentication</loc>
<changefreq>monthly</changefreq> <changefreq>monthly</changefreq>
@ -213,7 +231,7 @@
<url> <url>
<loc>https://roadmap.sh/watch</loc> <loc>https://roadmap.sh/watch</loc>
<changefreq>monthly</changefreq> <changefreq>monthly</changefreq>
<lastmod>2020-07-17T11:14:28.608Z</lastmod> <lastmod>2020-07-17T20:43:20.585Z</lastmod>
<priority>1.0</priority> <priority>1.0</priority>
</url> </url>
</urlset> </urlset>
Loading…
Cancel
Save