mirror of
https://github.com/kamranahmedse/developer-roadmap.git
synced 2025-09-02 13:52:46 +02:00
Add content for react
This commit is contained in:
@@ -1,16 +1,16 @@
|
||||
{
|
||||
"home": "/roadmaps/103-react/content/readme.md",
|
||||
"react-advanced-topics": "/roadmaps/103-react/content/101-react-advanced-topics/readme.md",
|
||||
"react-advanced-topics:hooks": "/roadmaps/103-react/content/101-react-advanced-topics/100-hooks/readme.md",
|
||||
"react-advanced-topics:hooks:common-hooks": "/roadmaps/103-react/content/101-react-advanced-topics/100-hooks/102-common-hooks.md",
|
||||
"react-advanced-topics:hooks:writing-your-own-hooks": "/roadmaps/103-react/content/101-react-advanced-topics/100-hooks/101-writing-your-own-hooks.md",
|
||||
"react-advanced-topics:context": "/roadmaps/103-react/content/101-react-advanced-topics/101-context.md",
|
||||
"react-advanced-topics:refs": "/roadmaps/103-react/content/101-react-advanced-topics/102-refs.md",
|
||||
"react-advanced-topics:render-props": "/roadmaps/103-react/content/101-react-advanced-topics/103-render-props.md",
|
||||
"react-advanced-topics:high-order-components": "/roadmaps/103-react/content/101-react-advanced-topics/104-high-order-components.md",
|
||||
"react-advanced-topics:portals": "/roadmaps/103-react/content/101-react-advanced-topics/105-portals.md",
|
||||
"react-advanced-topics:error-boundaries": "/roadmaps/103-react/content/101-react-advanced-topics/106-error-boundaries.md",
|
||||
"react-advanced-topics:fiber-architecture": "/roadmaps/103-react/content/101-react-advanced-topics/107-fiber-architecture.md",
|
||||
"react-advanced-ecosystem": "/roadmaps/103-react/content/react-advanced-ecosystem/readme.md",
|
||||
"react-advanced-ecosystem:hooks": "/roadmaps/103-react/content/react-advanced-ecosystem/100-hooks/readme.md",
|
||||
"react-advanced-ecosystem:hooks:common-hooks": "/roadmaps/103-react/content/react-advanced-ecosystem/100-hooks/102-common-hooks.md",
|
||||
"react-advanced-ecosystem:hooks:writing-your-own-hooks": "/roadmaps/103-react/content/react-advanced-ecosystem/100-hooks/101-writing-your-own-hooks.md",
|
||||
"react-advanced-ecosystem:context": "/roadmaps/103-react/content/react-advanced-ecosystem/101-context.md",
|
||||
"react-advanced-ecosystem:refs": "/roadmaps/103-react/content/react-advanced-ecosystem/102-refs.md",
|
||||
"react-advanced-ecosystem:render-props": "/roadmaps/103-react/content/react-advanced-ecosystem/103-render-props.md",
|
||||
"react-advanced-ecosystem:high-order-components": "/roadmaps/103-react/content/react-advanced-ecosystem/104-high-order-components.md",
|
||||
"react-advanced-ecosystem:portals": "/roadmaps/103-react/content/react-advanced-ecosystem/105-portals.md",
|
||||
"react-advanced-ecosystem:error-boundaries": "/roadmaps/103-react/content/react-advanced-ecosystem/106-error-boundaries.md",
|
||||
"react-advanced-ecosystem:fiber-architecture": "/roadmaps/103-react/content/react-advanced-ecosystem/107-fiber-architecture.md",
|
||||
"react-fundamental-topics": "/roadmaps/103-react/content/100-react-fundamental-topics/readme.md",
|
||||
"react-fundamental-topics:create-react-app": "/roadmaps/103-react/content/100-react-fundamental-topics/100-create-react-app.md",
|
||||
"react-fundamental-topics:jsx": "/roadmaps/103-react/content/100-react-fundamental-topics/101-jsx.md",
|
||||
@@ -25,6 +25,7 @@
|
||||
"react-fundamental-topics:basic-hooks": "/roadmaps/103-react/content/100-react-fundamental-topics/108-basic-hooks/readme.md",
|
||||
"react-fundamental-topics:basic-hooks:use-state": "/roadmaps/103-react/content/100-react-fundamental-topics/108-basic-hooks/100-use-state.md",
|
||||
"react-fundamental-topics:basic-hooks:use-effect": "/roadmaps/103-react/content/100-react-fundamental-topics/108-basic-hooks/101-use-effect.md",
|
||||
"react-advanced-topics": "/roadmaps/103-react/content/101-react-advanced-topics.md",
|
||||
"react-ecosystem": "/roadmaps/103-react/content/102-react-ecosystem/readme.md",
|
||||
"react-ecosystem:routers": "/roadmaps/103-react/content/102-react-ecosystem/100-routers/readme.md",
|
||||
"react-ecosystem:routers:react-router": "/roadmaps/103-react/content/102-react-ecosystem/100-routers/100-react-router.md",
|
||||
|
@@ -0,0 +1 @@
|
||||
# React advanced ecosystem
|
@@ -39,4 +39,4 @@
|
||||
},
|
||||
"pdfUrl": "/pdfs/react.pdf",
|
||||
"contentPathsFilePath": "./content-paths.json"
|
||||
}
|
||||
}
|
@@ -238,31 +238,31 @@
|
||||
"ID": "2617",
|
||||
"typeID": "Arrow",
|
||||
"zOrder": "8",
|
||||
"w": "140",
|
||||
"h": "446",
|
||||
"w": "155",
|
||||
"h": "517",
|
||||
"measuredW": "150",
|
||||
"measuredH": "100",
|
||||
"x": "489",
|
||||
"x": "477",
|
||||
"y": "953",
|
||||
"properties": {
|
||||
"color": "2848996",
|
||||
"curvature": "-1",
|
||||
"direction": "bottom",
|
||||
"leftArrow": "false",
|
||||
"rightArrow": "false",
|
||||
"stroke": "dotted",
|
||||
"p0": {
|
||||
"x": 133,
|
||||
"x": 145,
|
||||
"y": 0
|
||||
},
|
||||
"p1": {
|
||||
"x": 0.6169504337496851,
|
||||
"y": 0.15190237932399842
|
||||
"y": 0.15190237932399836
|
||||
},
|
||||
"p2": {
|
||||
"x": 0,
|
||||
"y": 445
|
||||
},
|
||||
"rightArrow": "false",
|
||||
"stroke": "dotted"
|
||||
"y": 517
|
||||
}
|
||||
}
|
||||
},
|
||||
{
|
||||
@@ -274,7 +274,7 @@
|
||||
"measuredW": "150",
|
||||
"measuredH": "100",
|
||||
"x": "251",
|
||||
"y": "1396",
|
||||
"y": "1466",
|
||||
"properties": {
|
||||
"color": "2848996",
|
||||
"curvature": "0",
|
||||
@@ -405,11 +405,11 @@
|
||||
"ID": "2622",
|
||||
"typeID": "Arrow",
|
||||
"zOrder": "13",
|
||||
"w": "6",
|
||||
"h": "564",
|
||||
"w": "7",
|
||||
"h": "622",
|
||||
"measuredW": "150",
|
||||
"measuredH": "100",
|
||||
"x": "673",
|
||||
"x": "672",
|
||||
"y": "955",
|
||||
"properties": {
|
||||
"color": "2848996",
|
||||
@@ -418,16 +418,16 @@
|
||||
"leftArrow": "false",
|
||||
"rightArrow": "false",
|
||||
"p0": {
|
||||
"x": 3,
|
||||
"x": 4,
|
||||
"y": 0
|
||||
},
|
||||
"p1": {
|
||||
"x": 0.5326751848090502,
|
||||
"y": 0.008478779433645877
|
||||
"y": 0.00847877943364588
|
||||
},
|
||||
"p2": {
|
||||
"x": 0.33333333333337123,
|
||||
"y": 563.6666666666667
|
||||
"x": 0,
|
||||
"y": 622
|
||||
}
|
||||
}
|
||||
},
|
||||
@@ -881,102 +881,93 @@
|
||||
"ID": "2637",
|
||||
"typeID": "Arrow",
|
||||
"zOrder": "28",
|
||||
"w": "83",
|
||||
"h": "101",
|
||||
"w": "89",
|
||||
"h": "110",
|
||||
"measuredW": "150",
|
||||
"measuredH": "100",
|
||||
"x": "261",
|
||||
"x": "254",
|
||||
"y": "1195",
|
||||
"properties": {
|
||||
"color": "2848996",
|
||||
"curvature": "-1",
|
||||
"direction": "bottom",
|
||||
"leftArrow": "false",
|
||||
"rightArrow": "false",
|
||||
"stroke": "dotted",
|
||||
"p0": {
|
||||
"length": 100,
|
||||
"x": 0,
|
||||
"y": 100
|
||||
"y": 108
|
||||
},
|
||||
"p1": {
|
||||
"length": 0.48824871437239115,
|
||||
"x": 0.48542738182708794,
|
||||
"y": 0.05241244183198633
|
||||
"x": 0.23770491803278693,
|
||||
"y": -0.08524590163934422
|
||||
},
|
||||
"p2": {
|
||||
"length": 82,
|
||||
"x": 82,
|
||||
"x": 89,
|
||||
"y": 0
|
||||
},
|
||||
"rightArrow": "false",
|
||||
"stroke": "dotted"
|
||||
}
|
||||
}
|
||||
},
|
||||
{
|
||||
"ID": "2638",
|
||||
"typeID": "Arrow",
|
||||
"zOrder": "29",
|
||||
"w": "93",
|
||||
"h": "153",
|
||||
"w": "102",
|
||||
"h": "170",
|
||||
"measuredW": "150",
|
||||
"measuredH": "100",
|
||||
"x": "259",
|
||||
"x": "249",
|
||||
"y": "1185",
|
||||
"properties": {
|
||||
"color": "2848996",
|
||||
"curvature": "1",
|
||||
"direction": "bottom",
|
||||
"leftArrow": "false",
|
||||
"rightArrow": "false",
|
||||
"stroke": "dotted",
|
||||
"p0": {
|
||||
"length": 152,
|
||||
"x": 0,
|
||||
"y": 152
|
||||
"y": 168
|
||||
},
|
||||
"p1": {
|
||||
"length": 0.2803995773177261,
|
||||
"x": 0.2781297516472377,
|
||||
"y": -0.035605676634566624
|
||||
"x": 0.23741864515537614,
|
||||
"y": -0.0824090200751674
|
||||
},
|
||||
"p2": {
|
||||
"length": 92,
|
||||
"x": 92,
|
||||
"x": 102,
|
||||
"y": 0
|
||||
},
|
||||
"rightArrow": "false",
|
||||
"stroke": "dotted"
|
||||
}
|
||||
}
|
||||
},
|
||||
{
|
||||
"ID": "2639",
|
||||
"typeID": "Arrow",
|
||||
"zOrder": "30",
|
||||
"w": "94",
|
||||
"h": "61",
|
||||
"w": "95",
|
||||
"h": "73",
|
||||
"measuredW": "150",
|
||||
"measuredH": "100",
|
||||
"x": "256",
|
||||
"x": "254",
|
||||
"y": "1182",
|
||||
"properties": {
|
||||
"color": "2848996",
|
||||
"curvature": "-1",
|
||||
"direction": "bottom",
|
||||
"leftArrow": "false",
|
||||
"rightArrow": "false",
|
||||
"stroke": "dotted",
|
||||
"p0": {
|
||||
"length": 60,
|
||||
"x": 0,
|
||||
"y": 60
|
||||
"y": 73
|
||||
},
|
||||
"p1": {
|
||||
"length": 0.48824871437239115,
|
||||
"x": 0.48542738182708794,
|
||||
"y": 0.05241244183198629
|
||||
"x": 0.32182218956649544,
|
||||
"y": -0.06784227283859864
|
||||
},
|
||||
"p2": {
|
||||
"length": 93,
|
||||
"x": 93,
|
||||
"x": 95,
|
||||
"y": 0
|
||||
},
|
||||
"rightArrow": "false",
|
||||
"stroke": "dotted"
|
||||
}
|
||||
}
|
||||
},
|
||||
{
|
||||
@@ -2012,7 +2003,7 @@
|
||||
"x": "75",
|
||||
"y": "620",
|
||||
"properties": {
|
||||
"controlName": "102-react-advanced-topics:hooks:common-hooks"
|
||||
"controlName": "102-react-advanced-ecosystem:hooks:common-hooks"
|
||||
},
|
||||
"children": {
|
||||
"controls": {
|
||||
@@ -2215,28 +2206,26 @@
|
||||
"ID": "2753",
|
||||
"typeID": "Label",
|
||||
"zOrder": "103",
|
||||
"measuredW": "25",
|
||||
"measuredH": "117",
|
||||
"x": "75",
|
||||
"y": "1230",
|
||||
"measuredW": "117",
|
||||
"measuredH": "25",
|
||||
"x": "127",
|
||||
"y": "1378",
|
||||
"properties": {
|
||||
"size": "17",
|
||||
"text": "REST API Calls",
|
||||
"textOrientation": "up"
|
||||
"text": "REST API Calls"
|
||||
}
|
||||
},
|
||||
{
|
||||
"ID": "2760",
|
||||
"typeID": "Label",
|
||||
"zOrder": "107",
|
||||
"measuredW": "25",
|
||||
"measuredH": "71",
|
||||
"x": "75",
|
||||
"y": "1108",
|
||||
"measuredW": "71",
|
||||
"measuredH": "25",
|
||||
"x": "150",
|
||||
"y": "1191",
|
||||
"properties": {
|
||||
"size": "17",
|
||||
"text": "GraphQL",
|
||||
"textOrientation": "up"
|
||||
"text": "GraphQL"
|
||||
}
|
||||
},
|
||||
{
|
||||
@@ -2248,7 +2237,7 @@
|
||||
"measuredW": "150",
|
||||
"measuredH": "100",
|
||||
"x": "670",
|
||||
"y": "1557",
|
||||
"y": "1597",
|
||||
"properties": {
|
||||
"color": "2848996",
|
||||
"curvature": "0",
|
||||
@@ -3198,7 +3187,7 @@
|
||||
"x": "351",
|
||||
"y": "590",
|
||||
"properties": {
|
||||
"controlName": "100-react-advanced-topics:hooks"
|
||||
"controlName": "100-react-advanced-ecosystem:hooks"
|
||||
},
|
||||
"children": {
|
||||
"controls": {
|
||||
@@ -3245,7 +3234,7 @@
|
||||
"x": "351",
|
||||
"y": "639",
|
||||
"properties": {
|
||||
"controlName": "101-react-advanced-topics:context"
|
||||
"controlName": "101-react-advanced-ecosystem:context"
|
||||
},
|
||||
"children": {
|
||||
"controls": {
|
||||
@@ -3292,7 +3281,7 @@
|
||||
"x": "351",
|
||||
"y": "689",
|
||||
"properties": {
|
||||
"controlName": "102-react-advanced-topics:refs"
|
||||
"controlName": "102-react-advanced-ecosystem:refs"
|
||||
},
|
||||
"children": {
|
||||
"controls": {
|
||||
@@ -3339,7 +3328,7 @@
|
||||
"x": "351",
|
||||
"y": "739",
|
||||
"properties": {
|
||||
"controlName": "103-react-advanced-topics:render-props"
|
||||
"controlName": "103-react-advanced-ecosystem:render-props"
|
||||
},
|
||||
"children": {
|
||||
"controls": {
|
||||
@@ -3386,7 +3375,7 @@
|
||||
"x": "942",
|
||||
"y": "612",
|
||||
"properties": {
|
||||
"controlName": "104-react-advanced-topics:high-order-components"
|
||||
"controlName": "104-react-advanced-ecosystem:high-order-components"
|
||||
},
|
||||
"children": {
|
||||
"controls": {
|
||||
@@ -3433,7 +3422,7 @@
|
||||
"x": "942",
|
||||
"y": "662",
|
||||
"properties": {
|
||||
"controlName": "105-react-advanced-topics:portals"
|
||||
"controlName": "105-react-advanced-ecosystem:portals"
|
||||
},
|
||||
"children": {
|
||||
"controls": {
|
||||
@@ -3480,7 +3469,7 @@
|
||||
"x": "942",
|
||||
"y": "711",
|
||||
"properties": {
|
||||
"controlName": "106-react-advanced-topics:error-boundaries"
|
||||
"controlName": "106-react-advanced-ecosystem:error-boundaries"
|
||||
},
|
||||
"children": {
|
||||
"controls": {
|
||||
@@ -3527,7 +3516,7 @@
|
||||
"x": "942",
|
||||
"y": "760",
|
||||
"properties": {
|
||||
"controlName": "107-react-advanced-topics:fiber-architecture"
|
||||
"controlName": "107-react-advanced-ecosystem:fiber-architecture"
|
||||
},
|
||||
"children": {
|
||||
"controls": {
|
||||
@@ -3574,7 +3563,7 @@
|
||||
"x": "75",
|
||||
"y": "569",
|
||||
"properties": {
|
||||
"controlName": "101-react-advanced-topics:hooks:writing-your-own-hooks"
|
||||
"controlName": "101-react-advanced-ecosystem:hooks:writing-your-own-hooks"
|
||||
},
|
||||
"children": {
|
||||
"controls": {
|
||||
@@ -3807,7 +3796,7 @@
|
||||
"w": "159",
|
||||
"h": "44",
|
||||
"x": "334",
|
||||
"y": "1374",
|
||||
"y": "1444",
|
||||
"properties": {
|
||||
"controlName": "104-react-ecosystem:mobile"
|
||||
},
|
||||
@@ -4418,7 +4407,7 @@
|
||||
"w": "157",
|
||||
"h": "44",
|
||||
"x": "110",
|
||||
"y": "1219",
|
||||
"y": "1230",
|
||||
"properties": {
|
||||
"controlName": "104-react-ecosystem:api-calls:axios"
|
||||
},
|
||||
@@ -4465,7 +4454,7 @@
|
||||
"w": "157",
|
||||
"h": "44",
|
||||
"x": "109",
|
||||
"y": "1269",
|
||||
"y": "1280",
|
||||
"properties": {
|
||||
"controlName": "105-react-ecosystem:api-calls:unfetch"
|
||||
},
|
||||
@@ -4512,7 +4501,7 @@
|
||||
"w": "157",
|
||||
"h": "44",
|
||||
"x": "109",
|
||||
"y": "1318",
|
||||
"y": "1329",
|
||||
"properties": {
|
||||
"controlName": "106-react-ecosystem:api-calls:superagent"
|
||||
},
|
||||
@@ -4559,7 +4548,7 @@
|
||||
"w": "159",
|
||||
"h": "44",
|
||||
"x": "126",
|
||||
"y": "1374",
|
||||
"y": "1444",
|
||||
"properties": {
|
||||
"controlName": "100-react-ecosystem:mobile:react-native"
|
||||
},
|
||||
@@ -5264,7 +5253,7 @@
|
||||
"w": "576",
|
||||
"h": "105",
|
||||
"x": "351",
|
||||
"y": "1487",
|
||||
"y": "1537",
|
||||
"properties": {
|
||||
"controlName": "ext_link:roadmap.sh/frontend"
|
||||
},
|
||||
@@ -5323,10 +5312,10 @@
|
||||
},
|
||||
"branchID": "Master",
|
||||
"resourceID": "3DD51A3C-1F09-4BE6-B9FB-6875747EBA53",
|
||||
"mockupH": "1619",
|
||||
"mockupH": "1659",
|
||||
"mockupW": "1174",
|
||||
"measuredW": "1247",
|
||||
"measuredH": "1646",
|
||||
"measuredH": "1686",
|
||||
"version": "1.0"
|
||||
},
|
||||
"groupOffset": {
|
||||
|
@@ -21,7 +21,7 @@
|
||||
<url>
|
||||
<loc>https://roadmap.sh/react</loc>
|
||||
<changefreq>monthly</changefreq>
|
||||
<lastmod>2022-08-11T12:52:57.801Z</lastmod>
|
||||
<lastmod>2022-08-11T13:50:53.707Z</lastmod>
|
||||
<priority>1.0</priority>
|
||||
</url>
|
||||
<url>
|
||||
|
Reference in New Issue
Block a user