-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy path.eslintcache
1 lines (1 loc) · 58.7 KB
/
.eslintcache
1
[{"C:\\Users\\Abdul Wajid Afridi\\StartReact\\mashoom\\src\\index.js":"1","C:\\Users\\Abdul Wajid Afridi\\StartReact\\mashoom\\src\\App.js":"2","C:\\Users\\Abdul Wajid Afridi\\StartReact\\mashoom\\src\\Components\\ImgCard.js":"3","C:\\Users\\Abdul Wajid Afridi\\StartReact\\mashoom\\src\\Extra\\ExtraStuff.js":"4","C:\\Users\\Abdul Wajid Afridi\\StartReact\\mashoom\\src\\Components\\CopyCard.js":"5","C:\\Users\\Abdul Wajid Afridi\\StartReact\\mashoom\\src\\Components\\ImgGallary.js":"6","C:\\Users\\Abdul Wajid Afridi\\StartReact\\mashoom\\src\\Components\\AdvanceReact\\useState\\UseStateText.js":"7","C:\\Users\\Abdul Wajid Afridi\\StartReact\\mashoom\\src\\Components\\BasicReact\\PropsData\\ReUse.js":"8","C:\\Users\\Abdul Wajid Afridi\\StartReact\\mashoom\\src\\Components\\BasicReact\\PropsData\\PropsData.js":"9","C:\\Users\\Abdul Wajid Afridi\\StartReact\\mashoom\\src\\Extra\\Object.js":"10","C:\\Users\\Abdul Wajid Afridi\\StartReact\\mashoom\\src\\Extra\\Images.js":"11","C:\\Users\\Abdul Wajid Afridi\\StartReact\\mashoom\\src\\Components\\AdvanceReact\\useState\\UseStateFilter.js":"12","C:\\Users\\Abdul Wajid Afridi\\StartReact\\mashoom\\src\\Components\\AdvanceReact\\useState\\UseStateObject.js":"13","C:\\Users\\Abdul Wajid Afridi\\StartReact\\mashoom\\src\\Components\\AdvanceReact\\useState\\UseStateCount.js":"14","C:\\Users\\Abdul Wajid Afridi\\StartReact\\mashoom\\src\\Components\\AdvanceReact\\useState\\UseStateStore.js":"15","C:\\Users\\Abdul Wajid Afridi\\StartReact\\mashoom\\src\\Extra\\ChangeColor.js":"16","C:\\Users\\Abdul Wajid Afridi\\StartReact\\mashoom\\src\\Components\\AdvanceReact\\useState\\UseStateEvent.js":"17","C:\\Users\\Abdul Wajid Afridi\\StartReact\\mashoom\\src\\Components\\AdvanceReact\\useState\\UseStateForm.js":"18","C:\\Users\\Abdul Wajid Afridi\\StartReact\\mashoom\\src\\Components\\AdvanceReact\\useState\\UseForm.js":"19","C:\\Users\\Abdul Wajid Afridi\\StartReact\\mashoom\\src\\Components\\AdvanceReact\\useState\\UseFormAgain.js":"20","C:\\Users\\Abdul Wajid Afridi\\StartReact\\mashoom\\src\\Components\\AdvanceReact\\UseEffect\\UseEffectBasic.js":"21","C:\\Users\\Abdul Wajid Afridi\\StartReact\\mashoom\\src\\Components\\AdvanceReact\\UseEffect\\UseEffectAgain.js":"22","C:\\Users\\Abdul Wajid Afridi\\StartReact\\mashoom\\src\\Components\\AdvanceReact\\UseEffect\\UseEffectClean.js":"23","C:\\Users\\Abdul Wajid Afridi\\StartReact\\mashoom\\src\\Components\\AdvanceReact\\useState\\UseStateAgain.js":"24","C:\\Users\\Abdul Wajid Afridi\\StartReact\\mashoom\\src\\Components\\AdvanceReact\\useState\\FormTodo.js":"25","C:\\Users\\Abdul Wajid Afridi\\StartReact\\mashoom\\src\\Components\\AdvanceReact\\UseEffect\\ScreenWidth.js":"26","C:\\Users\\Abdul Wajid Afridi\\StartReact\\mashoom\\src\\Components\\AdvanceReact\\UseEffect\\UseEffectAPI.js":"27","C:\\Users\\Abdul Wajid Afridi\\StartReact\\mashoom\\src\\Components\\AdvanceReact\\UseEffect\\GitHubAPIAgain.js":"28","C:\\Users\\Abdul Wajid Afridi\\StartReact\\mashoom\\src\\CSSStyles\\Navbar.js":"29","C:\\Users\\Abdul Wajid Afridi\\StartReact\\mashoom\\src\\Components\\AdvanceReact\\UseEffect\\GitHubUSers.js":"30","C:\\Users\\Abdul Wajid Afridi\\StartReact\\mashoom\\src\\Components\\AdvanceReact\\useState\\TodoApp.js":"31","C:\\Users\\Abdul Wajid Afridi\\StartReact\\mashoom\\src\\Components\\AdvanceReact\\UseEffect\\GitHubUsersData.js":"32","C:\\Users\\Abdul Wajid Afridi\\StartReact\\mashoom\\src\\Components\\AdvanceReact\\UseEffect\\ImageGalary.js":"33","C:\\Users\\Abdul Wajid Afridi\\StartReact\\mashoom\\src\\Components\\AdvanceReact\\Toggle.js":"34","C:\\Users\\Abdul Wajid Afridi\\StartReact\\mashoom\\src\\Components\\AdvanceReact\\UseReducer\\UseReducer.js":"35","C:\\Users\\Abdul Wajid Afridi\\StartReact\\mashoom\\src\\Components\\AdvanceReact\\PropDrilling\\PropDrilling.js":"36","C:\\Users\\Abdul Wajid Afridi\\StartReact\\mashoom\\src\\Components\\AdvanceReact\\PropDrilling\\Prop1.js":"37","C:\\Users\\Abdul Wajid Afridi\\StartReact\\mashoom\\src\\Components\\AdvanceReact\\PropDrilling\\Prop2.js":"38","C:\\Users\\Abdul Wajid Afridi\\StartReact\\mashoom\\src\\Components\\AdvanceReact\\PropDrilling\\Prop3.js":"39","C:\\Users\\Abdul Wajid Afridi\\StartReact\\mashoom\\src\\UseReducer.js":"40","C:\\Users\\Abdul Wajid Afridi\\StartReact\\mashoom\\src\\ReducerTodos.js":"41","C:\\Users\\Abdul Wajid Afridi\\StartReact\\mashoom\\src\\UseContextHook.js":"42","C:\\Users\\Abdul Wajid Afridi\\StartReact\\mashoom\\src\\Components\\AdvanceReact\\UseContextHook\\UseContext.js":"43","C:\\Users\\Abdul Wajid Afridi\\StartReact\\mashoom\\src\\Components\\AdvanceReact\\UseContextHook\\FunctionA.js":"44","C:\\Users\\Abdul Wajid Afridi\\StartReact\\mashoom\\src\\Components\\AdvanceReact\\UseContextHook\\FunctionB.js":"45","C:\\Users\\Abdul Wajid Afridi\\StartReact\\mashoom\\src\\File1.js":"46","C:\\Users\\Abdul Wajid Afridi\\StartReact\\mashoom\\src\\File2.js":"47","C:\\Users\\Abdul Wajid Afridi\\StartReact\\mashoom\\src\\Components\\AdvanceReact\\UseContextHook\\AnotherContextApi\\Index.js":"48","C:\\Users\\Abdul Wajid Afridi\\StartReact\\mashoom\\src\\Components\\AdvanceReact\\UseContextHook\\AnotherContextApi\\About.js":"49","C:\\Users\\Abdul Wajid Afridi\\StartReact\\mashoom\\src\\Components\\AdvanceReact\\UseContextHook\\AnotherContextApi\\Home.js":"50","C:\\Users\\Abdul Wajid Afridi\\StartReact\\mashoom\\src\\Components\\AdvanceReact\\UseContextHook\\AnotherContextApi\\ContextProvider.js":"51","C:\\Users\\Abdul Wajid Afridi\\StartReact\\mashoom\\src\\Context-Api\\Index.js":"52","C:\\Users\\Abdul Wajid Afridi\\StartReact\\mashoom\\src\\Context-Api\\Aboutus.js":"53","C:\\Users\\Abdul Wajid Afridi\\StartReact\\mashoom\\src\\Context-Api\\ContextProvider.js":"54","C:\\Users\\Abdul Wajid Afridi\\StartReact\\mashoom\\src\\Context-Api\\Home.js":"55"},{"size":567,"mtime":1625982034285,"results":"56","hashOfConfig":"57"},{"size":302,"mtime":1626346612564,"results":"58","hashOfConfig":"57"},{"size":1144,"mtime":1617029907002,"results":"59","hashOfConfig":"57"},{"size":903,"mtime":1617022210866,"results":"60","hashOfConfig":"57"},{"size":2017,"mtime":1617027686598,"results":"61","hashOfConfig":"57"},{"size":2983,"mtime":1617028349947,"results":"62","hashOfConfig":"57"},{"size":700,"mtime":1617042407120,"results":"63","hashOfConfig":"57"},{"size":1999,"mtime":1617045087902,"results":"64","hashOfConfig":"57"},{"size":1101,"mtime":1617045090154,"results":"65","hashOfConfig":"57"},{"size":235,"mtime":1617077525923,"results":"66","hashOfConfig":"57"},{"size":762,"mtime":1617078051671,"results":"67","hashOfConfig":"57"},{"size":1072,"mtime":1617194253473,"results":"68","hashOfConfig":"57"},{"size":759,"mtime":1617174499471,"results":"69","hashOfConfig":"57"},{"size":907,"mtime":1617200977673,"results":"70","hashOfConfig":"57"},{"size":1024,"mtime":1617259902687,"results":"71","hashOfConfig":"57"},{"size":395,"mtime":1617261790294,"results":"72","hashOfConfig":"57"},{"size":413,"mtime":1617269729879,"results":"73","hashOfConfig":"57"},{"size":1799,"mtime":1617273741966,"results":"74","hashOfConfig":"57"},{"size":2078,"mtime":1617275904653,"results":"75","hashOfConfig":"57"},{"size":2153,"mtime":1617289676993,"results":"76","hashOfConfig":"57"},{"size":513,"mtime":1617290849870,"results":"77","hashOfConfig":"57"},{"size":438,"mtime":1617344306704,"results":"78","hashOfConfig":"57"},{"size":1093,"mtime":1617347729910,"results":"79","hashOfConfig":"57"},{"size":1476,"mtime":1617382324717,"results":"80","hashOfConfig":"57"},{"size":2565,"mtime":1617535025631,"results":"81","hashOfConfig":"57"},{"size":360,"mtime":1617536733970,"results":"82","hashOfConfig":"57"},{"size":635,"mtime":1617548074419,"results":"83","hashOfConfig":"57"},{"size":837,"mtime":1617551775886,"results":"84","hashOfConfig":"57"},{"size":654,"mtime":1617556318696,"results":"85","hashOfConfig":"57"},{"size":775,"mtime":1617634524431,"results":"86","hashOfConfig":"57"},{"size":1570,"mtime":1618033379610,"results":"87","hashOfConfig":"57"},{"size":907,"mtime":1618056928390,"results":"88","hashOfConfig":"57"},{"size":1540,"mtime":1618035747861,"results":"89","hashOfConfig":"57"},{"size":675,"mtime":1618480498560,"results":"90","hashOfConfig":"57"},{"size":668,"mtime":1618594904323,"results":"91","hashOfConfig":"57"},{"size":184,"mtime":1619026177478,"results":"92","hashOfConfig":"57"},{"size":309,"mtime":1619026534244,"results":"93","hashOfConfig":"57"},{"size":170,"mtime":1619026419512,"results":"94","hashOfConfig":"57"},{"size":181,"mtime":1619026415957,"results":"95","hashOfConfig":"57"},{"size":656,"mtime":1623569159880,"results":"96","hashOfConfig":"57"},{"size":1994,"mtime":1624765279093,"results":"97","hashOfConfig":"57"},{"size":88,"mtime":1625642419283,"results":"98","hashOfConfig":"57"},{"size":591,"mtime":1624600976238,"results":"99","hashOfConfig":"57"},{"size":272,"mtime":1624600500811,"results":"100","hashOfConfig":"57"},{"size":237,"mtime":1624600611456,"results":"101","hashOfConfig":"57"},{"size":664,"mtime":1625663414777,"results":"102","hashOfConfig":"57"},{"size":1960,"mtime":1625663298523,"results":"103","hashOfConfig":"57"},{"size":357,"mtime":1625982544681,"results":"104","hashOfConfig":"57"},{"size":329,"mtime":1625982747279,"results":"105","hashOfConfig":"57"},{"size":263,"mtime":1625982553880,"results":"106","hashOfConfig":"57"},{"size":338,"mtime":1625982861204,"results":"107","hashOfConfig":"57"},{"size":298,"mtime":1626346567335,"results":"108","hashOfConfig":"57"},{"size":272,"mtime":1626346572610,"results":"109","hashOfConfig":"57"},{"size":1685,"mtime":1626366742468,"results":"110","hashOfConfig":"57"},{"size":393,"mtime":1626358975726,"results":"111","hashOfConfig":"57"},{"filePath":"112","messages":"113","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"114"},"73upgy",{"filePath":"115","messages":"116","errorCount":0,"warningCount":3,"fixableErrorCount":0,"fixableWarningCount":0,"source":null},{"filePath":"117","messages":"118","errorCount":0,"warningCount":4,"fixableErrorCount":0,"fixableWarningCount":0,"source":"119","usedDeprecatedRules":"120"},{"filePath":"121","messages":"122","errorCount":0,"warningCount":1,"fixableErrorCount":0,"fixableWarningCount":0,"source":"123","usedDeprecatedRules":"120"},{"filePath":"124","messages":"125","errorCount":0,"warningCount":3,"fixableErrorCount":0,"fixableWarningCount":0,"source":"126","usedDeprecatedRules":"120"},{"filePath":"127","messages":"128","errorCount":0,"warningCount":6,"fixableErrorCount":0,"fixableWarningCount":0,"source":"129","usedDeprecatedRules":"120"},{"filePath":"130","messages":"131","errorCount":0,"warningCount":1,"fixableErrorCount":0,"fixableWarningCount":0,"source":"132","usedDeprecatedRules":"120"},{"filePath":"133","messages":"134","errorCount":0,"warningCount":2,"fixableErrorCount":0,"fixableWarningCount":0,"source":"135","usedDeprecatedRules":"120"},{"filePath":"136","messages":"137","errorCount":0,"warningCount":2,"fixableErrorCount":0,"fixableWarningCount":0,"source":"138","usedDeprecatedRules":"120"},{"filePath":"139","messages":"140","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"120"},{"filePath":"141","messages":"142","errorCount":0,"warningCount":3,"fixableErrorCount":0,"fixableWarningCount":0,"source":"143","usedDeprecatedRules":"120"},{"filePath":"144","messages":"145","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"120"},{"filePath":"146","messages":"147","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"120"},{"filePath":"148","messages":"149","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"120"},{"filePath":"150","messages":"151","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"120"},{"filePath":"152","messages":"153","errorCount":0,"warningCount":1,"fixableErrorCount":0,"fixableWarningCount":0,"source":"154","usedDeprecatedRules":"120"},{"filePath":"155","messages":"156","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"157","messages":"158","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"159","messages":"160","errorCount":0,"warningCount":1,"fixableErrorCount":0,"fixableWarningCount":0,"source":null},{"filePath":"161","messages":"162","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"163"},{"filePath":"164","messages":"165","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"163"},{"filePath":"166","messages":"167","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"168","messages":"169","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"170"},{"filePath":"171","messages":"172","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"173","messages":"174","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"175"},{"filePath":"176","messages":"177","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"175"},{"filePath":"178","messages":"179","errorCount":0,"warningCount":1,"fixableErrorCount":0,"fixableWarningCount":0,"source":"180","usedDeprecatedRules":"175"},{"filePath":"181","messages":"182","errorCount":0,"warningCount":1,"fixableErrorCount":0,"fixableWarningCount":0,"source":"183","usedDeprecatedRules":"175"},{"filePath":"184","messages":"185","errorCount":0,"warningCount":9,"fixableErrorCount":0,"fixableWarningCount":0,"source":"186","usedDeprecatedRules":"175"},{"filePath":"187","messages":"188","errorCount":0,"warningCount":2,"fixableErrorCount":0,"fixableWarningCount":0,"source":"189","usedDeprecatedRules":"175"},{"filePath":"190","messages":"191","errorCount":0,"warningCount":2,"fixableErrorCount":0,"fixableWarningCount":0,"source":"192","usedDeprecatedRules":"175"},{"filePath":"193","messages":"194","errorCount":0,"warningCount":1,"fixableErrorCount":0,"fixableWarningCount":0,"source":"195","usedDeprecatedRules":"175"},{"filePath":"196","messages":"197","errorCount":0,"warningCount":6,"fixableErrorCount":0,"fixableWarningCount":0,"source":"198","usedDeprecatedRules":"175"},{"filePath":"199","messages":"200","errorCount":0,"warningCount":2,"fixableErrorCount":0,"fixableWarningCount":0,"source":"201","usedDeprecatedRules":"175"},{"filePath":"202","messages":"203","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"175"},{"filePath":"204","messages":"205","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"206"},{"filePath":"207","messages":"208","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"206"},{"filePath":"209","messages":"210","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"206"},{"filePath":"211","messages":"212","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"206"},{"filePath":"213","messages":"214","errorCount":0,"warningCount":2,"fixableErrorCount":0,"fixableWarningCount":0,"source":"215","usedDeprecatedRules":"216"},{"filePath":"217","messages":"218","errorCount":0,"warningCount":2,"fixableErrorCount":0,"fixableWarningCount":0,"source":"219","usedDeprecatedRules":"220"},{"filePath":"221","messages":"222","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"220"},{"filePath":"223","messages":"224","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"220"},{"filePath":"225","messages":"226","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"220"},{"filePath":"227","messages":"228","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"220"},{"filePath":"229","messages":"230","errorCount":0,"warningCount":1,"fixableErrorCount":0,"fixableWarningCount":0,"source":null},{"filePath":"231","messages":"232","errorCount":0,"warningCount":4,"fixableErrorCount":0,"fixableWarningCount":0,"source":null},{"filePath":"233","messages":"234","errorCount":0,"warningCount":2,"fixableErrorCount":0,"fixableWarningCount":0,"source":"235","usedDeprecatedRules":"114"},{"filePath":"236","messages":"237","errorCount":0,"warningCount":3,"fixableErrorCount":0,"fixableWarningCount":0,"source":"238","usedDeprecatedRules":"114"},{"filePath":"239","messages":"240","errorCount":0,"warningCount":2,"fixableErrorCount":0,"fixableWarningCount":0,"source":"241","usedDeprecatedRules":"114"},{"filePath":"242","messages":"243","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"114"},{"filePath":"244","messages":"245","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"246","messages":"247","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"248","messages":"249","errorCount":0,"warningCount":1,"fixableErrorCount":0,"fixableWarningCount":0,"source":null},{"filePath":"250","messages":"251","errorCount":0,"warningCount":4,"fixableErrorCount":0,"fixableWarningCount":0,"source":null},"C:\\Users\\Abdul Wajid Afridi\\StartReact\\mashoom\\src\\index.js",[],["252","253"],"C:\\Users\\Abdul Wajid Afridi\\StartReact\\mashoom\\src\\App.js",["254","255","256"],"C:\\Users\\Abdul Wajid Afridi\\StartReact\\mashoom\\src\\Components\\ImgCard.js",["257","258","259","260"],"import React from \"react\";\r\nimport home from \"../images/home.jpg\";\r\nimport \"../../node_modules/bootstrap/dist/css/bootstrap-grid.min.css\";\r\n\r\nfunction ImgCard({ img, Author, Title }) {\r\n return (\r\n <div className=\"container\">\r\n <div className=\"card card-columns\">\r\n <div className=\"card-body\">\r\n <img className=\" card-img-top \" style={{ width: 300 }} src={img} />\r\n <h1 className=\"card-title\">{Author}</h1>\r\n <p className=\"card-text\">{Title}</p>\r\n </div>\r\n </div>\r\n <div className=\"card card-columns\">\r\n <div className=\"card-body\">\r\n <img className=\" card-img\" style={{ width: 300 }} src={img} />\r\n <h1 className=\"card-title\">{Author}</h1>\r\n <p className=\"card-text\">{Title}</p>\r\n </div>\r\n </div>\r\n <div className=\"card card-columns\">\r\n <div className=\"card card-body \">\r\n <img style={{ width: 300 }} src={img} className=\" card-img-top\" />\r\n <p className=\"card-title\">{Author}</p>\r\n <p className=\"card-text\">{Title}</p>\r\n </div>\r\n </div>\r\n </div>\r\n );\r\n}\r\n\r\nexport default ImgCard;\r\n",["261","262"],"C:\\Users\\Abdul Wajid Afridi\\StartReact\\mashoom\\src\\Extra\\ExtraStuff.js",["263"],"import React from \"react\";\r\nimport logo192 from \"../logo192.png\";\r\nfunction ExtraStuff() {\r\n const Data = [\r\n {\r\n id: 1,\r\n NewName: \"New Versions of React Js Book\",\r\n NewAuthor: \"Mashoom Khan\",\r\n Img: logo192,\r\n },\r\n {\r\n id: 2,\r\n NewName: \"Javascript Book\",\r\n NewAuthor: \"Mashoom Khan\",\r\n Img: logo192,\r\n },\r\n {\r\n id: 3,\r\n NewName: \"Java Book\",\r\n NewAuthor: \"Mashoom Khan\",\r\n Img: logo192,\r\n },\r\n ];\r\n return (\r\n <div>\r\n {/* <User Name={NewName} Author={NewAuthor} Image={Img} /> */}\r\n {Data.map((it) => {\r\n return <User Name={it.NewName} Author={it.NewAuthor} Image={it.Img} />;\r\n })}\r\n </div>\r\n );\r\n}\r\nconst User = ({ Name, Author, Image }) => {\r\n return (\r\n <div>\r\n <p>{Name}</p>\r\n <p>{Author}</p>\r\n <img src={Image} />\r\n </div>\r\n );\r\n};\r\nexport default ExtraStuff;\r\n","C:\\Users\\Abdul Wajid Afridi\\StartReact\\mashoom\\src\\Components\\CopyCard.js",["264","265","266"],"import React from \"react\";\r\nimport \"../../node_modules/bootstrap/dist/css/bootstrap-grid.min.css\";\r\nimport home from \"../images/home.jpg\";\r\nfunction CopyCard(props) {\r\n return (\r\n <div>\r\n <div class=\"card-group\">\r\n <div class=\"card\">\r\n <img class=\"card-img-top col-md-3\" src={home} alt=\"Card image cap\" />\r\n <div class=\"card-body\">\r\n <h5 class=\"card-title\">Card title</h5>\r\n <p class=\"card-text\">\r\n This is a wider card with supporting text below as a natural\r\n lead-in to additional content. This content is a little bit\r\n longer.\r\n </p>\r\n </div>\r\n <div class=\"card-footer\">\r\n <small class=\"text-muted\">Last updated 3 mins ago</small>\r\n </div>\r\n </div>\r\n <div class=\"card\">\r\n <img class=\"card-img-top col-md-3\" src={home} alt=\"Card image cap\" />\r\n <div class=\"card-body\">\r\n <h5 class=\"card-title\">Card title</h5>\r\n <p class=\"card-text\">\r\n This card has supporting text below as a natural lead-in to\r\n additional content.\r\n </p>\r\n </div>\r\n <div class=\"card-footer\">\r\n <small class=\"text-muted\">Last updated 3 mins ago</small>\r\n </div>\r\n </div>\r\n <div class=\"card\">\r\n <img class=\"card-img-top col-md-3\" src={home} alt=\"Card image cap\" />\r\n <div class=\"card-body\">\r\n <h5 class=\"card-title\">Card title</h5>\r\n <p class=\"card-text\">\r\n This is a wider card with supporting text below as a natural\r\n lead-in to additional content. This card has even longer content\r\n than the first to show that equal height action.\r\n </p>\r\n </div>\r\n <div class=\"card-footer\">\r\n <small class=\"text-muted\">Last updated 3 mins ago</small>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n );\r\n}\r\n\r\nexport default CopyCard;\r\n","C:\\Users\\Abdul Wajid Afridi\\StartReact\\mashoom\\src\\Components\\ImgGallary.js",["267","268","269","270","271","272"],"import React from \"react\";\r\nimport home from \"../images/home.jpg\";\r\nfunction ImgGallary(props) {\r\n return (\r\n <div className=\" container-fluid\">\r\n <div className=\"row\">\r\n <div className=\"col-md-4\">\r\n <div className=\"thumbnail\">\r\n <a href={home} target=\"_blank\">\r\n <img src={home} alt=\"Lights\" style={{ width: \"100%\" }} />\r\n <div className=\"caption\">\r\n <p>\r\n Lorem ipsum donec id elit non mi porta gravida at eget metus.\r\n </p>\r\n </div>\r\n </a>\r\n </div>\r\n </div>\r\n <div className=\"col-md-4\">\r\n <div className=\"thumbnail\">\r\n <a href={home} target=\"_blank\">\r\n <img src={home} alt=\"Nature\" style={{ width: \"100%\" }} />\r\n <div className=\"caption\">\r\n <p>\r\n Lorem ipsum donec id elit non mi porta gravida at eget metus.\r\n </p>\r\n </div>\r\n </a>\r\n </div>\r\n </div>\r\n <div className=\"col-md-4\">\r\n <div className=\"thumbnail\">\r\n <a href={home} target=\"_blank\">\r\n <img src={home} alt=\"Fjords\" style={{ width: \"100%\" }} />\r\n <div className=\"caption\">\r\n <p>\r\n Lorem ipsum donec id elit non mi porta gravida at eget metus.\r\n </p>\r\n </div>\r\n </a>\r\n </div>\r\n </div>\r\n </div>\r\n <div className=\"row\">\r\n <div className=\"col-md-4\">\r\n <div className=\"thumbnail\">\r\n <a href={home} target=\"_blank\">\r\n <img src={home} alt=\"Lights\" style={{ width: \"100%\" }} />\r\n <div className=\"caption\">\r\n <p>\r\n Lorem ipsum donec id elit non mi porta gravida at eget metus.\r\n </p>\r\n </div>\r\n </a>\r\n </div>\r\n </div>\r\n <div className=\"col-md-4\">\r\n <div className=\"thumbnail\">\r\n <a href={home} target=\"_blank\">\r\n <img src={home} alt=\"Nature\" style={{ width: \"100%\" }} />\r\n <div className=\"caption\">\r\n <p>\r\n Lorem ipsum donec id elit non mi porta gravida at eget metus.\r\n </p>\r\n </div>\r\n </a>\r\n </div>\r\n </div>\r\n <div className=\"col-md-4\">\r\n <div className=\"img-thumbnail\">\r\n <a\r\n href={home}\r\n className=\" img-thumbnail img-thumbnail\"\r\n target=\"_blank\"\r\n >\r\n <img src={home} alt=\"Fjords\" style={{ width: \"100%\" }} />\r\n <div className=\"caption\">\r\n <p>\r\n Lorem ipsum donec id elit non mi porta gravida at eget metus.\r\n </p>\r\n </div>\r\n </a>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n );\r\n}\r\n\r\nexport default ImgGallary;\r\n","C:\\Users\\Abdul Wajid Afridi\\StartReact\\mashoom\\src\\Components\\AdvanceReact\\useState\\UseStateText.js",["273"],"import React, { useState, Fragment } from \"react\";\r\nimport \"../../../../node_modules/bootstrap/dist/css/bootstrap-grid.min.css\";\r\nconst UseStateText = () => {\r\n const [Text, setText] = useState(\"Title\");\r\n const HandleClick = () => {\r\n // if (Text === \"Title\") {\r\n // setText(\"UseState\");\r\n // } else {\r\n // setText(\"Title\");\r\n // }\r\n Text == \"Title\" ? setText(\"UseState\") : setText(\"Title\");\r\n };\r\n return (\r\n <Fragment>\r\n <div className=\"container\">\r\n <h1>{Text}</h1>\r\n <button className=\"btn btn-outline-info\" onClick={HandleClick}>\r\n ChangeTitle\r\n </button>\r\n </div>\r\n </Fragment>\r\n );\r\n};\r\n\r\nexport default UseStateText;\r\n","C:\\Users\\Abdul Wajid Afridi\\StartReact\\mashoom\\src\\Components\\BasicReact\\PropsData\\ReUse.js",["274","275"],"import React from \"react\";\r\nimport home from \"../../../images/home.jpg\";\r\nconst ReUse = ({ img, title, name }) => {\r\n return (\r\n // <div className=\" container\">\r\n // {/* <div className=\"row\">\r\n // <div className=\"col-md-4\">\r\n // <div className=\"thumbnail\">\r\n // <img src={img} style={{ width: \"100%\" }} />\r\n // <div className=\"caption\">\r\n // <p>{name}</p>\r\n // <h1>{title}</h1>\r\n // </div>\r\n // </div>\r\n // </div>\r\n // </div> */}\r\n // <div className=\"row\">\r\n // <div className=\"col-md-4\">\r\n // <div className=\"thumbnail\">\r\n // <img src={home} style={{ width: \"100%\" }} />\r\n // <div className=\"caption\">\r\n // <p>name</p>\r\n // <h1>title</h1>\r\n // </div>\r\n // </div>\r\n // </div>\r\n // </div>\r\n\r\n // <div className=\"col-md-4\">\r\n // <div className=\"thumbnail\">\r\n // <img src={home} style={{ width: \"100%\" }} />\r\n // <div className=\"caption\">\r\n // <p>name</p>\r\n // <h1>title</h1>\r\n // </div>\r\n // </div>\r\n // </div>\r\n\r\n // <div className=\"col-md-4\">\r\n // <div className=\"thumbnail\">\r\n // <img src={home} style={{ width: \"100%\" }} />\r\n // <div className=\"caption\">\r\n // <p>name</p>\r\n // <h1>title</h1>\r\n // </div>\r\n // </div>\r\n // </div>\r\n // </div>\r\n <div className=\" container-fluid\">\r\n <div className=\"row\">\r\n <div className=\"col-md-4\">\r\n <div className=\"thumbnail\">\r\n <a href={img} target=\"_blank\">\r\n <img src={img} alt=\"Lights\" style={{ width: \"100%\" }} />\r\n <div className=\"caption\">\r\n <p>{title}</p>\r\n <h1>{name}</h1>\r\n </div>\r\n </a>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n );\r\n};\r\n\r\nexport default ReUse;\r\n","C:\\Users\\Abdul Wajid Afridi\\StartReact\\mashoom\\src\\Components\\BasicReact\\PropsData\\PropsData.js",["276","277"],"import React from \"react\";\r\nimport ReUse from \"./ReUse\";\r\nimport home from \"../../../images/home.jpg\";\r\nconst PropsData = () => {\r\n const Data = [\r\n {\r\n id: 1,\r\n img: home,\r\n name: \"my name\",\r\n title: \"title name\",\r\n },\r\n {\r\n id: 2,\r\n img: home,\r\n name: \"my name\",\r\n title: \"title name\",\r\n },\r\n {\r\n id: 3,\r\n img: home,\r\n name: \"my name\",\r\n title: \"title name\",\r\n },\r\n ];\r\n return (\r\n <div className=\" container-fluid\">\r\n {Data.map((it) => {\r\n return (\r\n <div className=\"row\">\r\n <div className=\"col-md-4\">\r\n <div className=\"thumbnail\">\r\n <a href={it.img} target=\"_blank\">\r\n <img src={it.img} alt=\"Lights\" style={{ width: \"100%\" }} />\r\n <div className=\"caption\">\r\n <p>{it.title}</p>\r\n <h1>{it.name}</h1>\r\n </div>\r\n </a>\r\n </div>\r\n </div>\r\n </div>\r\n );\r\n })}\r\n </div>\r\n );\r\n};\r\n\r\nexport default PropsData;\r\n","C:\\Users\\Abdul Wajid Afridi\\StartReact\\mashoom\\src\\Extra\\Object.js",[],"C:\\Users\\Abdul Wajid Afridi\\StartReact\\mashoom\\src\\Extra\\Images.js",["278","279","280"],"import React from \"react\";\r\nimport img2 from \"../images/img2.jpg\";\r\nconst Images = ({ author, name, img }) => {\r\n return (\r\n <div className=\"container\">\r\n <div className=\"row\">\r\n <div className=\" m-4 col-md-4\">\r\n <img src={img} style={{ width: 200 }} />\r\n <p>{author}</p>\r\n <h1>{name}</h1>\r\n </div>\r\n\r\n <div className=\" m-4 col-md-4\">\r\n <img src={img} style={{ width: 200 }} />\r\n <p>{author}</p>\r\n <h1>{name}</h1>\r\n </div>\r\n\r\n {/* <div className=\" m-4 col-md-4\">\r\n <img src={img2} style={{ width: 400 }} />\r\n <p>image is good</p>\r\n <h1>click to buy</h1>\r\n </div> */}\r\n </div>\r\n </div>\r\n );\r\n};\r\n\r\nexport default Images;\r\n","C:\\Users\\Abdul Wajid Afridi\\StartReact\\mashoom\\src\\Components\\AdvanceReact\\useState\\UseStateFilter.js",[],"C:\\Users\\Abdul Wajid Afridi\\StartReact\\mashoom\\src\\Components\\AdvanceReact\\useState\\UseStateObject.js",[],"C:\\Users\\Abdul Wajid Afridi\\StartReact\\mashoom\\src\\Components\\AdvanceReact\\useState\\UseStateCount.js",[],"C:\\Users\\Abdul Wajid Afridi\\StartReact\\mashoom\\src\\Components\\AdvanceReact\\useState\\UseStateStore.js",[],"C:\\Users\\Abdul Wajid Afridi\\StartReact\\mashoom\\src\\Extra\\ChangeColor.js",["281"],"import React, { useState } from \"react\";\r\n\r\nconst ChangeColor = () => {\r\n const [Color, setColor] = useState(\"#631a59\");\r\n return (\r\n <div style={{ background: Color, height: 200, width: 300 }}>\r\n <button\r\n onClick={() => setColor(Color == \"#631a59\" ? \"#0edbff\" : \"#631a59\")}\r\n >\r\n Change Color\r\n </button>\r\n </div>\r\n );\r\n};\r\n\r\nexport default ChangeColor;\r\n","C:\\Users\\Abdul Wajid Afridi\\StartReact\\mashoom\\src\\Components\\AdvanceReact\\useState\\UseStateEvent.js",[],"C:\\Users\\Abdul Wajid Afridi\\StartReact\\mashoom\\src\\Components\\AdvanceReact\\useState\\UseStateForm.js",[],"C:\\Users\\Abdul Wajid Afridi\\StartReact\\mashoom\\src\\Components\\AdvanceReact\\useState\\UseForm.js",["282"],"C:\\Users\\Abdul Wajid Afridi\\StartReact\\mashoom\\src\\Components\\AdvanceReact\\useState\\UseFormAgain.js",[],["283","284"],"C:\\Users\\Abdul Wajid Afridi\\StartReact\\mashoom\\src\\Components\\AdvanceReact\\UseEffect\\UseEffectBasic.js",[],"C:\\Users\\Abdul Wajid Afridi\\StartReact\\mashoom\\src\\Components\\AdvanceReact\\UseEffect\\UseEffectAgain.js",[],"C:\\Users\\Abdul Wajid Afridi\\StartReact\\mashoom\\src\\Components\\AdvanceReact\\UseEffect\\UseEffectClean.js",[],["285","286"],"C:\\Users\\Abdul Wajid Afridi\\StartReact\\mashoom\\src\\Components\\AdvanceReact\\useState\\UseStateAgain.js",[],"C:\\Users\\Abdul Wajid Afridi\\StartReact\\mashoom\\src\\Components\\AdvanceReact\\useState\\FormTodo.js",[],["287","288"],"C:\\Users\\Abdul Wajid Afridi\\StartReact\\mashoom\\src\\Components\\AdvanceReact\\UseEffect\\ScreenWidth.js",[],"C:\\Users\\Abdul Wajid Afridi\\StartReact\\mashoom\\src\\Components\\AdvanceReact\\UseEffect\\UseEffectAPI.js",["289"],"import React, { useState, useEffect } from \"react\";\r\n\r\nconst UseEffectAPI = () => {\r\n const [Users, setUsers] = useState([\"\"]);\r\n const UsersData = async () => {\r\n const Return = await fetch(\"https://api.github.com/users\");\r\n setUsers(await Return.json());\r\n };\r\n useEffect(() => {\r\n UsersData();\r\n }, []);\r\n return (\r\n <>\r\n <h2>Git Hub Users</h2>\r\n {Users.map((it) => {\r\n return (\r\n <div>\r\n <p>{it.login}</p>\r\n <img src={it.avatar_url} style={{ height: 200, width: 200 }} />\r\n </div>\r\n );\r\n })}\r\n </>\r\n );\r\n};\r\n\r\nexport default UseEffectAPI;\r\n","C:\\Users\\Abdul Wajid Afridi\\StartReact\\mashoom\\src\\Components\\AdvanceReact\\UseEffect\\GitHubAPIAgain.js",["290"],"import React, { useEffect, useState } from \"react\";\r\n\r\nconst GitHubAPIAgain = () => {\r\n const [Users, setUsers] = useState([\"\"]);\r\n const UserData = async () => {\r\n try {\r\n const Data = await fetch(\"https://api.github.com/users\");\r\n const GetData = await Data.json();\r\n setUsers(GetData);\r\n } catch (error) {\r\n console.log(error);\r\n }\r\n };\r\n useEffect(() => {\r\n UserData();\r\n }, []);\r\n return (\r\n <>\r\n <div>\r\n {Users.map((it) => {\r\n const { login, avatar_url, id, type } = it;\r\n return (\r\n <div key={id}>\r\n <p>{login}</p>\r\n <p>{type}</p>\r\n <img src={avatar_url} style={{ height: 300, width: 300 }} />\r\n </div>\r\n );\r\n })}\r\n </div>\r\n </>\r\n );\r\n};\r\n\r\nexport default GitHubAPIAgain;\r\n","C:\\Users\\Abdul Wajid Afridi\\StartReact\\mashoom\\src\\CSSStyles\\Navbar.js",["291","292","293","294","295","296","297","298","299"],"import React from \"react\";\r\nimport home from \"../images/home.jpg\";\r\nimport \"./Basic.css\";\r\nconst Navbar = () => {\r\n return (\r\n <div className=\"container_s\">\r\n <nav>\r\n <img src={home} className=\"home\" />\r\n <img src={home} className=\"contact\" />\r\n <img src={home} className=\"about\" />\r\n <img src={home} className=\"home\" />\r\n <img src={home} className=\"contact\" />\r\n <img src={home} className=\"about\" />\r\n <img src={home} className=\"home\" />\r\n <img src={home} className=\"contact\" />\r\n <img src={home} className=\"about\" />\r\n </nav>\r\n </div>\r\n );\r\n};\r\n\r\nexport default Navbar;\r\n","C:\\Users\\Abdul Wajid Afridi\\StartReact\\mashoom\\src\\Components\\AdvanceReact\\UseEffect\\GitHubUSers.js",["300","301"],"import React, { useEffect, useState } from \"react\";\r\nconst GitHubUSers = () => {\r\n const [Users, setUsers] = useState([\"\"]);\r\n const UsersData = async () => {\r\n const Data = await fetch(\"https://api.github.com/users\");\r\n const GotData = await Data.json();\r\n setUsers(GotData);\r\n };\r\n useEffect(() => {\r\n setTimeout(() => {\r\n UsersData();\r\n }, 2000);\r\n }, []);\r\n return (\r\n <div>\r\n <p>GitHub Users</p>\r\n {Users.map((it) => {\r\n const { login, id, avatar_url, type } = it;\r\n return (\r\n <div>\r\n <p>{login}</p>\r\n <p>{type}</p>\r\n <img src={avatar_url} style={{ height: 300, width: 300 }} />\r\n </div>\r\n );\r\n })}\r\n </div>\r\n );\r\n};\r\n\r\nexport default GitHubUSers;\r\n","C:\\Users\\Abdul Wajid Afridi\\StartReact\\mashoom\\src\\Components\\AdvanceReact\\useState\\TodoApp.js",["302","303"],"import React, { useState } from \"react\";\r\n\r\nconst TodoApp = () => {\r\n const [Name, setName] = useState(\"\");\r\n const [Email, setEmail] = useState(\"\");\r\n const [Total, setTotal] = useState([\"\"]);\r\n const FormHandler = (event) => {\r\n event.preventDefault();\r\n const SaveData = { Name, Email };\r\n setTotal([...Total, SaveData]);\r\n {\r\n setName([\"\"]);\r\n }\r\n {\r\n setEmail([\"\"]);\r\n }\r\n };\r\n const DelHandler = (name) => {\r\n const Update = Total.filter((it) => it.Name !== name);\r\n setTotal(Update);\r\n };\r\n return (\r\n <>\r\n <div>\r\n {Total.map((it) => {\r\n const { Name: name, Email: email } = it;\r\n\r\n return (\r\n <div>\r\n <p>{name}</p>\r\n <p>{email}</p>\r\n <button onClick={() => DelHandler(name)}>Del</button>\r\n </div>\r\n );\r\n })}\r\n <form onSubmit={FormHandler}>\r\n <div>\r\n <input\r\n placeholder=\"your Name\"\r\n type=\"text\"\r\n value={Name}\r\n onChange={(event) => setName(event.target.value)}\r\n />\r\n </div>\r\n <div>\r\n <input\r\n placeholder=\"your email\"\r\n type=\"text\"\r\n value={Email}\r\n onChange={(event) => setEmail(event.target.value)}\r\n />\r\n </div>\r\n\r\n <button type=\"submit\">Submit</button>\r\n <button onClick={() => setTotal([])}>Delete All</button>\r\n </form>\r\n </div>\r\n </>\r\n );\r\n};\r\n\r\nexport default TodoApp;\r\n","C:\\Users\\Abdul Wajid Afridi\\StartReact\\mashoom\\src\\Components\\AdvanceReact\\UseEffect\\GitHubUsersData.js",["304"],"import React, { useEffect, useState } from \"react\";\r\nimport \"./GitHubUsers.css\";\r\nconst GitHubUsersData = () => {\r\n const Url = \"https://api.github.com/users\";\r\n const [Users, setUsers] = useState([\"\"]);\r\n const UsersData = async () => {\r\n const GetData = await fetch(Url);\r\n const Return = await GetData.json();\r\n setUsers(Return);\r\n };\r\n useEffect(() => {\r\n UsersData();\r\n }, []);\r\n return (\r\n <div>\r\n <h1>Git Hub Users Data</h1>\r\n <div className=\"img-gallary\">\r\n {Users.map((it) => {\r\n return (\r\n <div className=\"img-gallary-container\">\r\n <div>\r\n <img src={it.avatar_url} />\r\n <p>{it.id}</p>\r\n <p>{it.login}</p>\r\n <p>{it.type}</p>\r\n </div>\r\n </div>\r\n );\r\n })}\r\n </div>\r\n </div>\r\n );\r\n};\r\n\r\nexport default GitHubUsersData;\r\n","C:\\Users\\Abdul Wajid Afridi\\StartReact\\mashoom\\src\\Components\\AdvanceReact\\UseEffect\\ImageGalary.js",["305","306","307","308","309","310"],"import React from \"react\";\r\nimport \"./GitHubUsers.css\";\r\nimport home from \"../../../images/home.jpg\";\r\nconst ImageGalary = () => {\r\n return (\r\n <div className=\"img-gallary\">\r\n <div className=\"img-gallary-container\">\r\n <img src={home} />\r\n <p>Forest</p>\r\n <p>it is really a good place to live in it</p>\r\n <button className=\"but-buy\">Buy</button>\r\n </div>\r\n <div className=\"img-gallary-container\">\r\n <img src={home} />\r\n <p>Forest</p>\r\n <p>it is really a good place to live in it</p>\r\n <button className=\"but-buy\">Buy</button>\r\n </div>\r\n <div className=\"img-gallary-container\">\r\n <img src={home} />\r\n <p>Forest</p>\r\n <p>it is really a good place to live in it</p>\r\n <button className=\"but-buy\">Buy</button>\r\n </div>\r\n <div className=\"img-gallary-container\">\r\n <img src={home} />\r\n <p>Forest</p>\r\n <p>it is really a good place to live in it</p>\r\n <button className=\"but-buy\">Buy</button>\r\n </div>\r\n <div className=\"img-gallary-container\">\r\n <img src={home} />\r\n <p>Forest</p>\r\n <p>it is really a good place to live in it</p>\r\n <button className=\"but-buy\">Buy</button>\r\n </div>\r\n <div className=\"img-gallary-container\">\r\n <img src={home} />\r\n <p>Forest</p>\r\n <p>it is really a good place to live in it</p>\r\n <button className=\"but-buy\">Buy</button>\r\n </div>\r\n </div>\r\n );\r\n};\r\n\r\nexport default ImageGalary;\r\n","C:\\Users\\Abdul Wajid Afridi\\StartReact\\mashoom\\src\\Components\\AdvanceReact\\Toggle.js",["311","312"],"import React, { useState } from \"react\";\r\n\r\nconst Toggle = () => {\r\n const newBtn = \"show\";\r\n const [Name, setName] = useState(false);\r\n const [Btn, setBtn] = useState(newBtn);\r\n const ToggleHandler = () => {\r\n Name == false ? setName(<Navbar />) : setName(false);\r\n Btn == \"show\" ? setBtn(\"Hide\") : setBtn(\"show\");\r\n };\r\n return (\r\n <div>\r\n <button onClick={ToggleHandler}>{Btn}</button>\r\n <h1>{Name}</h1>\r\n </div>\r\n );\r\n};\r\nconst Navbar = () => {\r\n return (\r\n <div>\r\n <ul>\r\n <li>Home</li>\r\n <li>Gallary</li>\r\n <li>Contact us</li>\r\n <li>Login</li>\r\n </ul>\r\n </div>\r\n );\r\n};\r\nexport default Toggle;\r\n","C:\\Users\\Abdul Wajid Afridi\\StartReact\\mashoom\\src\\Components\\AdvanceReact\\UseReducer\\UseReducer.js",[],"C:\\Users\\Abdul Wajid Afridi\\StartReact\\mashoom\\src\\Components\\AdvanceReact\\PropDrilling\\PropDrilling.js",[],["313","314"],"C:\\Users\\Abdul Wajid Afridi\\StartReact\\mashoom\\src\\Components\\AdvanceReact\\PropDrilling\\Prop1.js",[],"C:\\Users\\Abdul Wajid Afridi\\StartReact\\mashoom\\src\\Components\\AdvanceReact\\PropDrilling\\Prop2.js",[],"C:\\Users\\Abdul Wajid Afridi\\StartReact\\mashoom\\src\\Components\\AdvanceReact\\PropDrilling\\Prop3.js",[],"C:\\Users\\Abdul Wajid Afridi\\StartReact\\mashoom\\src\\UseReducer.js",["315","316"],"import React, { useReducer } from \"react\";\r\nconst reducer = (state, action) => {\r\n if (action.type == \"increament\") {\r\n return state + 1;\r\n } else if (action.type == \"decreament\") {\r\n return state - 1;\r\n } else {\r\n return (state = 0);\r\n }\r\n};\r\nconst UseReducer = () => {\r\n const [Count, dispatch] = useReducer(reducer, 0);\r\n\r\n return (\r\n <div>\r\n <button onClick={() => dispatch({ type: \"increament\" })}>+</button>\r\n <button onClick={() => dispatch({ type: \"decreament\" })}>-</button>\r\n <button onClick={() => dispatch({ type: \"reset\" })}>Reset</button>\r\n\r\n {Count}\r\n </div>\r\n );\r\n};\r\n\r\nexport default UseReducer;\r\n",["317","318"],"C:\\Users\\Abdul Wajid Afridi\\StartReact\\mashoom\\src\\ReducerTodos.js",["319","320"],"import React, { useReducer, useState } from \"react\";\r\nconst reducer = (state, action) => {\r\n switch (action.type) {\r\n case \"add\":\r\n return [...state, action.payload.Forms];\r\n break;\r\n case \"delete\":\r\n return state.filter((it) => it.Id !== action.payload.id);\r\n default:\r\n break;\r\n }\r\n};\r\nconst ReducerTodos = () => {\r\n const [state, dispatch] = useReducer(reducer, [\r\n {\r\n Id: \"1\",\r\n Name: \"my name\",\r\n Email: \"[email protected]\",\r\n },\r\n ]);\r\n const [Id, setId] = useState(\"\");\r\n const [Name, setName] = useState(\"\");\r\n const [Email, setEmail] = useState(\"\");\r\n\r\n const FormData = (e) => {\r\n e.preventDefault();\r\n const Forms = {\r\n Id,\r\n Name,\r\n Email,\r\n };\r\n dispatch({ type: \"add\", payload: { Forms } });\r\n setId(\"\");\r\n setName(\"\");\r\n setEmail(\"\");\r\n };\r\n return (\r\n <div>\r\n <div>\r\n <form>\r\n <input\r\n value={Id}\r\n onChange={(e) => setId(e.target.value)}\r\n placeholder=\"ID\"\r\n />\r\n <input\r\n value={Name}\r\n onChange={(e) => setName(e.target.value)}\r\n placeholder=\"Name\"\r\n />\r\n <input\r\n type=\"file\"\r\n onChange={(e) => setEmail(URL.createObjectURL(e.target.files[0]))}\r\n />\r\n <button type=\"submit\" onClick={FormData}>\r\n Submit\r\n </button>\r\n </form>\r\n <ul>\r\n {state.map((it) => {\r\n return (\r\n <div>\r\n <li>{it.Id}</li>\r\n <li>{it.Name}</li>\r\n <img src={it.Email} />\r\n <button\r\n onClick={() =>\r\n dispatch({ type: \"delete\", payload: { id: it.Id } })\r\n }\r\n >\r\n DELETE\r\n </button>\r\n </div>\r\n );\r\n })}\r\n </ul>\r\n </div>\r\n </div>\r\n );\r\n};\r\n\r\nexport default ReducerTodos;\r\n",["321","322"],"C:\\Users\\Abdul Wajid Afridi\\StartReact\\mashoom\\src\\UseContextHook.js",[],"C:\\Users\\Abdul Wajid Afridi\\StartReact\\mashoom\\src\\Components\\AdvanceReact\\UseContextHook\\UseContext.js",[],"C:\\Users\\Abdul Wajid Afridi\\StartReact\\mashoom\\src\\Components\\AdvanceReact\\UseContextHook\\FunctionA.js",[],"C:\\Users\\Abdul Wajid Afridi\\StartReact\\mashoom\\src\\Components\\AdvanceReact\\UseContextHook\\FunctionB.js",[],"C:\\Users\\Abdul Wajid Afridi\\StartReact\\mashoom\\src\\File1.js",["323"],"C:\\Users\\Abdul Wajid Afridi\\StartReact\\mashoom\\src\\File2.js",["324","325","326","327"],"C:\\Users\\Abdul Wajid Afridi\\StartReact\\mashoom\\src\\Components\\AdvanceReact\\UseContextHook\\AnotherContextApi\\Index.js",["328","329"],"import React, { useContext } from \"react\";\r\nimport About from \"./About\";\r\nimport { AppContext } from \"./ContextProvider\";\r\nimport Home from \"./Home\";\r\n\r\nconst Index = () => {\r\n // const context = useContext(AppContext);\r\n return (\r\n <div>\r\n {/* Index{context} */}\r\n <About />\r\n <Home />\r\n </div>\r\n );\r\n};\r\n\r\nexport default Index;\r\n","C:\\Users\\Abdul Wajid Afridi\\StartReact\\mashoom\\src\\Components\\AdvanceReact\\UseContextHook\\AnotherContextApi\\About.js",["330","331","332"],"import React, { useContext } from \"react\";\r\nimport { AppContext, useGlobal, useGlobalContext } from \"./ContextProvider\";\r\nconst About = () => {\r\n // const Data = useGlobalContext();\r\n const Data = useGlobalContext();\r\n return (\r\n <div>\r\n About us\r\n <p>{Data}</p>\r\n </div>\r\n );\r\n};\r\n\r\nexport default About;\r\n","C:\\Users\\Abdul Wajid Afridi\\StartReact\\mashoom\\src\\Components\\AdvanceReact\\UseContextHook\\AnotherContextApi\\Home.js",["333","334"],"import React, { useContext } from \"react\";\r\nimport { AppContext } from \"./ContextProvider\";\r\nconst Home = () => {\r\n // const data = useContext(AppContext);\r\n return (\r\n <div>\r\n Home\r\n {/* {data} */}\r\n </div>\r\n );\r\n};\r\n\r\nexport default Home;\r\n","C:\\Users\\Abdul Wajid Afridi\\StartReact\\mashoom\\src\\Components\\AdvanceReact\\UseContextHook\\AnotherContextApi\\ContextProvider.js",[],"C:\\Users\\Abdul Wajid Afridi\\StartReact\\mashoom\\src\\Context-Api\\Index.js",[],"C:\\Users\\Abdul Wajid Afridi\\StartReact\\mashoom\\src\\Context-Api\\Aboutus.js",[],"C:\\Users\\Abdul Wajid Afridi\\StartReact\\mashoom\\src\\Context-Api\\ContextProvider.js",["335"],"C:\\Users\\Abdul Wajid Afridi\\StartReact\\mashoom\\src\\Context-Api\\Home.js",["336","337","338","339"],{"ruleId":"340","replacedBy":"341"},{"ruleId":"342","replacedBy":"343"},{"ruleId":"344","severity":1,"message":"345","line":1,"column":17,"nodeType":"346","messageId":"347","endLine":1,"endColumn":27},{"ruleId":"344","severity":1,"message":"348","line":1,"column":29,"nodeType":"346","messageId":"347","endLine":1,"endColumn":37},{"ruleId":"344","severity":1,"message":"349","line":2,"column":10,"nodeType":"346","messageId":"347","endLine":2,"endColumn":25},{"ruleId":"344","severity":1,"message":"350","line":2,"column":8,"nodeType":"346","messageId":"347","endLine":2,"endColumn":12},{"ruleId":"351","severity":1,"message":"352","line":10,"column":11,"nodeType":"353","endLine":10,"endColumn":78},{"ruleId":"351","severity":1,"message":"352","line":17,"column":11,"nodeType":"353","endLine":17,"endColumn":73},{"ruleId":"351","severity":1,"message":"352","line":24,"column":11,"nodeType":"353","endLine":24,"endColumn":77},{"ruleId":"340","replacedBy":"354"},{"ruleId":"342","replacedBy":"355"},{"ruleId":"351","severity":1,"message":"352","line":38,"column":7,"nodeType":"353","endLine":38,"endColumn":26},{"ruleId":"356","severity":1,"message":"357","line":9,"column":11,"nodeType":"353","endLine":9,"endColumn":80},{"ruleId":"356","severity":1,"message":"357","line":23,"column":11,"nodeType":"353","endLine":23,"endColumn":80},{"ruleId":"356","severity":1,"message":"357","line":36,"column":11,"nodeType":"353","endLine":36,"endColumn":80},{"ruleId":"358","severity":1,"message":"359","line":9,"column":13,"nodeType":"353","endLine":9,"endColumn":44},{"ruleId":"358","severity":1,"message":"359","line":21,"column":13,"nodeType":"353","endLine":21,"endColumn":44},{"ruleId":"358","severity":1,"message":"359","line":33,"column":13,"nodeType":"353","endLine":33,"endColumn":44},{"ruleId":"358","severity":1,"message":"359","line":47,"column":13,"nodeType":"353","endLine":47,"endColumn":44},{"ruleId":"358","severity":1,"message":"359","line":59,"column":13,"nodeType":"353","endLine":59,"endColumn":44},{"ruleId":"358","severity":1,"message":"359","line":71,"column":13,"nodeType":"353","endLine":75,"endColumn":14},{"ruleId":"360","severity":1,"message":"361","line":11,"column":10,"nodeType":"362","messageId":"363","endLine":11,"endColumn":12},{"ruleId":"344","severity":1,"message":"350","line":2,"column":8,"nodeType":"346","messageId":"347","endLine":2,"endColumn":12},{"ruleId":"358","severity":1,"message":"359","line":53,"column":13,"nodeType":"353","endLine":53,"endColumn":43},{"ruleId":"344","severity":1,"message":"364","line":2,"column":8,"nodeType":"346","messageId":"347","endLine":2,"endColumn":13},{"ruleId":"358","severity":1,"message":"359","line":32,"column":17,"nodeType":"353","endLine":32,"endColumn":50},{"ruleId":"344","severity":1,"message":"365","line":2,"column":8,"nodeType":"346","messageId":"347","endLine":2,"endColumn":12},{"ruleId":"351","severity":1,"message":"352","line":8,"column":11,"nodeType":"353","endLine":8,"endColumn":51},{"ruleId":"351","severity":1,"message":"352","line":14,"column":11,"nodeType":"353","endLine":14,"endColumn":51},{"ruleId":"360","severity":1,"message":"361","line":8,"column":39,"nodeType":"362","messageId":"363","endLine":8,"endColumn":41},{"ruleId":"366","severity":1,"message":"367","line":10,"column":5,"nodeType":"368","messageId":"369","endLine":12,"endColumn":6},{"ruleId":"340","replacedBy":"370"},{"ruleId":"342","replacedBy":"371"},{"ruleId":"340","replacedBy":"372"},{"ruleId":"342","replacedBy":"373"},{"ruleId":"340","replacedBy":"374"},{"ruleId":"342","replacedBy":"375"},{"ruleId":"351","severity":1,"message":"352","line":19,"column":13,"nodeType":"353","endLine":19,"endColumn":76},{"ruleId":"351","severity":1,"message":"352","line":26,"column":15,"nodeType":"353","endLine":26,"endColumn":75},{"ruleId":"351","severity":1,"message":"352","line":8,"column":9,"nodeType":"353","endLine":8,"endColumn":44},{"ruleId":"351","severity":1,"message":"352","line":9,"column":9,"nodeType":"353","endLine":9,"endColumn":47},{"ruleId":"351","severity":1,"message":"352","line":10,"column":9,"nodeType":"353","endLine":10,"endColumn":45},{"ruleId":"351","severity":1,"message":"352","line":11,"column":9,"nodeType":"353","endLine":11,"endColumn":44},{"ruleId":"351","severity":1,"message":"352","line":12,"column":9,"nodeType":"353","endLine":12,"endColumn":47},{"ruleId":"351","severity":1,"message":"352","line":13,"column":9,"nodeType":"353","endLine":13,"endColumn":45},{"ruleId":"351","severity":1,"message":"352","line":14,"column":9,"nodeType":"353","endLine":14,"endColumn":44},{"ruleId":"351","severity":1,"message":"352","line":15,"column":9,"nodeType":"353","endLine":15,"endColumn":47},{"ruleId":"351","severity":1,"message":"352","line":16,"column":9,"nodeType":"353","endLine":16,"endColumn":45},{"ruleId":"344","severity":1,"message":"376","line":18,"column":24,"nodeType":"346","messageId":"347","endLine":18,"endColumn":26},{"ruleId":"351","severity":1,"message":"352","line":23,"column":13,"nodeType":"353","endLine":23,"endColumn":73},{"ruleId":"366","severity":1,"message":"367","line":11,"column":5,"nodeType":"368","messageId":"369","endLine":13,"endColumn":6},{"ruleId":"366","severity":1,"message":"367","line":14,"column":5,"nodeType":"368","messageId":"369","endLine":16,"endColumn":6},{"ruleId":"351","severity":1,"message":"352","line":22,"column":17,"nodeType":"353","endLine":22,"endColumn":44},{"ruleId":"351","severity":1,"message":"352","line":8,"column":9,"nodeType":"353","endLine":8,"endColumn":27},{"ruleId":"351","severity":1,"message":"352","line":14,"column":9,"nodeType":"353","endLine":14,"endColumn":27},{"ruleId":"351","severity":1,"message":"352","line":20,"column":9,"nodeType":"353","endLine":20,"endColumn":27},{"ruleId":"351","severity":1,"message":"352","line":26,"column":9,"nodeType":"353","endLine":26,"endColumn":27},{"ruleId":"351","severity":1,"message":"352","line":32,"column":9,"nodeType":"353","endLine":32,"endColumn":27},{"ruleId":"351","severity":1,"message":"352","line":38,"column":9,"nodeType":"353","endLine":38,"endColumn":27},{"ruleId":"360","severity":1,"message":"361","line":8,"column":10,"nodeType":"362","messageId":"363","endLine":8,"endColumn":12},{"ruleId":"360","severity":1,"message":"361","line":9,"column":9,"nodeType":"362","messageId":"363","endLine":9,"endColumn":11},{"ruleId":"340","replacedBy":"377"},{"ruleId":"342","replacedBy":"378"},{"ruleId":"360","severity":1,"message":"361","line":3,"column":19,"nodeType":"362","messageId":"363","endLine":3,"endColumn":21},{"ruleId":"360","severity":1,"message":"361","line":5,"column":26,"nodeType":"362","messageId":"363","endLine":5,"endColumn":28},{"ruleId":"340","replacedBy":"379"},{"ruleId":"342","replacedBy":"380"},{"ruleId":"381","severity":1,"message":"382","line":6,"column":7,"nodeType":"383","messageId":"384","endLine":6,"endColumn":13},{"ruleId":"351","severity":1,"message":"352","line":65,"column":17,"nodeType":"353","endLine":65,"endColumn":39},{"ruleId":"340","replacedBy":"385"},{"ruleId":"342","replacedBy":"386"},{"ruleId":"351","severity":1,"message":"352","line":18,"column":7,"nodeType":"353","endLine":18,"endColumn":62},{"ruleId":"344","severity":1,"message":"387","line":2,"column":17,"nodeType":"346","messageId":"347","endLine":2,"endColumn":25},{"ruleId":"381","severity":1,"message":"382","line":10,"column":7,"nodeType":"383","messageId":"384","endLine":10,"endColumn":13},{"ruleId":"351","severity":1,"message":"352","line":35,"column":7,"nodeType":"353","endLine":35,"endColumn":54},{"ruleId":"366","severity":1,"message":"367","line":58,"column":11,"nodeType":"368","messageId":"369","endLine":63,"endColumn":12},{"ruleId":"344","severity":1,"message":"388","line":1,"column":17,"nodeType":"346","messageId":"347","endLine":1,"endColumn":27},{"ruleId":"344","severity":1,"message":"389","line":3,"column":10,"nodeType":"346","messageId":"347","endLine":3,"endColumn":20},{"ruleId":"344","severity":1,"message":"388","line":1,"column":17,"nodeType":"346","messageId":"347","endLine":1,"endColumn":27},{"ruleId":"344","severity":1,"message":"389","line":2,"column":10,"nodeType":"346","messageId":"347","endLine":2,"endColumn":20},{"ruleId":"344","severity":1,"message":"390","line":2,"column":22,"nodeType":"346","messageId":"347","endLine":2,"endColumn":31},{"ruleId":"344","severity":1,"message":"388","line":1,"column":17,"nodeType":"346","messageId":"347","endLine":1,"endColumn":27},{"ruleId":"344","severity":1,"message":"389","line":2,"column":10,"nodeType":"346","messageId":"347","endLine":2,"endColumn":20},{"ruleId":"381","severity":1,"message":"382","line":18,"column":7,"nodeType":"383","messageId":"384","endLine":18,"endColumn":13},{"ruleId":"344","severity":1,"message":"388","line":1,"column":17,"nodeType":"346","messageId":"347","endLine":1,"endColumn":27},{"ruleId":"344","severity":1,"message":"391","line":2,"column":10,"nodeType":"346","messageId":"347","endLine":2,"endColumn":21},{"ruleId":"344","severity":1,"message":"392","line":5,"column":11,"nodeType":"346","messageId":"347","endLine":5,"endColumn":16},{"ruleId":"344","severity":1,"message":"393","line":5,"column":24,"nodeType":"346","messageId":"347","endLine":5,"endColumn":32},"no-native-reassign",["394"],"no-negated-in-lhs",["395"],"no-unused-vars","'useReducer' is defined but never used.","Identifier","unusedVar","'useState' is defined but never used.","'ContextProvider' is defined but never used.","'home' is defined but never used.","jsx-a11y/alt-text","img elements must have an alt prop, either with meaningful text, or an empty string for decorative images.","JSXOpeningElement",["394"],["395"],"jsx-a11y/img-redundant-alt","Redundant alt attribute. Screen-readers already announce `img` tags as an image. You don’t need to use the words `image`, `photo,` or `picture` (or any specified custom words) in the alt prop.","react/jsx-no-target-blank","Using target=\"_blank\" without rel=\"noreferrer\" is a security risk: see https://html.spec.whatwg.org/multipage/links.html#link-type-noopener","eqeqeq","Expected '===' and instead saw '=='.","BinaryExpression","unexpected","'ReUse' is defined but never used.","'img2' is defined but never used.","no-lone-blocks","Nested block is redundant.","BlockStatement","redundantNestedBlock",["394"],["395"],["394"],["395"],["394"],["395"],"'id' is assigned a value but never used.",["394"],["395"],["394"],["395"],"no-unreachable","Unreachable code.","BreakStatement","unreachableCode",["394"],["395"],"'SendForm' is defined but never used.","'useContext' is defined but never used.","'AppContext' is defined but never used.","'useGlobal' is defined but never used.","'contextData' is defined but never used.","'state' is assigned a value but never used.","'Password' is assigned a value but never used.","no-global-assign","no-unsafe-negation"]