{"componentChunkName":"component---src-templates-solutions-layout-js","path":"/codebrahma-react-application/","result":{"data":{"post":{"body":"var _excluded = [\"components\"];\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nfunction _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }\nfunction _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }\n/* @jsxRuntime classic */\n/* @jsx mdx */\n\nvar _frontmatter = {\n  \"title\": \"How we develop React applications\",\n  \"description\": \"Codebrahma's best reactjs based services provider in san francisco\",\n  \"meta\": [\"react js solution provider\", \"react js services\"],\n  \"keywords\": [\"React JS development Company\", \"React JS development company in USA\", \"react js consulting company\", \"react js bay area consulting company\", \"react js development company in san francisco\", \"react js dev shop in USA\"],\n  \"image\": \"./images/reactjs.png\",\n  \"link\": \"/codebrahma-react-application\"\n};\nvar layoutProps = {\n  _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n  var components = _ref.components,\n    props = _objectWithoutProperties(_ref, _excluded);\n  return mdx(MDXLayout, _extends({}, layoutProps, props, {\n    components: components,\n    mdxType: \"MDXLayout\"\n  }), mdx(\"p\", null, \"We use a set of UI components which are engineered for 70% of any requirement\"), mdx(\"p\", null, mdx(\"span\", {\n    parentName: \"p\",\n    \"className\": \"gatsby-resp-image-wrapper\",\n    \"style\": {\n      \"position\": \"relative\",\n      \"display\": \"block\",\n      \"marginLeft\": \"auto\",\n      \"marginRight\": \"auto\",\n      \"maxWidth\": \"616px\"\n    }\n  }, \"\\n      \", mdx(\"a\", {\n    parentName: \"span\",\n    \"className\": \"gatsby-resp-image-link\",\n    \"href\": \"/static/1e8e0f3d6be6ee8ff9b0a67c8e16b8fc/40040/reactform.png\",\n    \"style\": {\n      \"display\": \"block\"\n    },\n    \"target\": \"_blank\",\n    \"rel\": \"noopener\"\n  }, \"\\n    \", mdx(\"span\", {\n    parentName: \"a\",\n    \"className\": \"gatsby-resp-image-background-image\",\n    \"style\": {\n      \"paddingBottom\": \"179.53667953667954%\",\n      \"position\": \"relative\",\n      \"bottom\": \"0\",\n      \"left\": \"0\",\n      \"backgroundImage\": \"url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAkCAYAAACJ8xqgAAAACXBIWXMAABYlAAAWJQFJUiTwAAADx0lEQVRIx51W2XbaSBD1Z9jW1pJarV2gFSTEZjB2SOI4D5nMOTPz/59xp7rlkMOZMRF5qKMCWkUt997qG8vx4KQd4izDZl2g70ukaYhoUmLa7xBmJVw/gW0zGIYB0zRPz/+zG/kjD6cIyyWK9QFlt0RaL8h/Rrn7REEfMSHz05wC6e8GOgtoyqBJPViYwA3TIQvLgsUYmQ3LYqeXLmaoDug6bO4jazqU2yPy9RF+VoC5AtrdLfT7e+jaYPLspaAqoK5r4EGM6vCK+uEjlfuEZv+CjEpNmv5k6XwNN0hOQd8t2SLHcTll5MEWIRgXYLYDxxPqj1w/IguVz+jcpV7eGNKhAyKbIeo+IC56BMKHSVnrlImuaYPpw3NcydQbHmXovvyNfj7Da5cjFi70d176JWykwykrQYMIggB56EE49sUXLwQ0qYcGRFrBSWaw4wYa49CovOGQcVXgU8leUqB9+QertsVTM8Ek8H4vwx894UIga1dIkxhd7CITjvpeVnBlyQNsRJyD+WRhCSOsoPPojLtjs31jikYll6iev6OdL7BsGnRlgeTCpH9JPU7ArQ9f0JQ5dhOB7TRAFXKFUeOK4ZxK9ogNpiOgOwEMNyCWRMTvABYxRgYbg8GfTKGSJVOm+28o2y2KuodNEGJJA4N6+RNCIwIOsNGUbM0/f0fXVHgqQkyEjSlZEwuE3FE0NMcI7I8eSgHISWWmMxLa+RL1ao+aBLfdk/qQcmfdlpQmvag05z2USsJJaURMZYYwmEP9c2GSyT4yh3yLjeyhVJu0Qbw4Iq2WyKbNicsno8yMsSUPPUyxeP0L67bGaxNjl0ewaFjam1qPCXam2F6UoHp8Rb7Yoiab749qaU37PVKavCx/9JIaekgZ0Q6xXBJXSTsZQGKQnkxh0RoJbNVDicMG6eoFSdkjm9QIuIvAteHZ54O4Aocp5h//QFeXOBAOl5MQD3mMZRaAmcMquAKHGmEsRvP8FVX/gMV6h3m/xazfoCV/0m4Q18tRfTytAI/EQW492UOLsMj8GA6BXW5Ax/OJ10It/vE4pB5G3RFJTdmUK/B0Bs0NCTZ3Awavx2GC9vOfaKsSj0WkFlUZCRqOc6aJV+AwQ/nwCfP1GtMkUoJQRrQJadL67ywpebuqNx8w26zA6MZwe3uLu3tNSZei3shV8AZsSwmsBLZDg5G72eMcNn1mUmRHiMJ/huLTULz6gKyYoV90yOgCyqMCLg1HTnkM7VRAKZwuXYBCutPwKFdf3ktBUJPVBrti+924RDGHtI5JDl9YRGNL/hf4OPiRY7LzBwAAAABJRU5ErkJggg==')\",\n      \"backgroundSize\": \"cover\",\n      \"display\": \"block\"\n    }\n  }), \"\\n  \", mdx(\"img\", {\n    parentName: \"a\",\n    \"className\": \"gatsby-resp-image-image\",\n    \"alt\": \"React form library\",\n    \"title\": \"React form library\",\n    \"src\": \"/static/1e8e0f3d6be6ee8ff9b0a67c8e16b8fc/40040/reactform.png\",\n    \"srcSet\": [\"/static/1e8e0f3d6be6ee8ff9b0a67c8e16b8fc/a2ead/reactform.png 259w\", \"/static/1e8e0f3d6be6ee8ff9b0a67c8e16b8fc/6b9fd/reactform.png 518w\", \"/static/1e8e0f3d6be6ee8ff9b0a67c8e16b8fc/40040/reactform.png 616w\"],\n    \"sizes\": \"(max-width: 616px) 100vw, 616px\",\n    \"style\": {\n      \"width\": \"100%\",\n      \"height\": \"100%\",\n      \"margin\": \"0\",\n      \"verticalAlign\": \"middle\",\n      \"position\": \"absolute\",\n      \"top\": \"0\",\n      \"left\": \"0\"\n    },\n    \"loading\": \"lazy\"\n  }), \"\\n  \"), \"\\n    \")), mdx(\"p\", null, \"gives you\"), mdx(\"p\", null, mdx(\"img\", {\n    parentName: \"p\",\n    \"src\": \"/0e2f55b3bc77f10bf14fc89e3837524c/form-gif.gif\",\n    \"alt\": \"React Form output\"\n  })), mdx(\"h2\", {\n    \"id\": \"what-are-the-benefits-by-using-these-react-components-\"\n  }, \"What are the benefits by using these react components ?\"), mdx(\"h3\", {\n    \"id\": \"out-of-the-box-ui\"\n  }, \"Out of the BOX UI\"), mdx(\"ul\", null, mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"More than 50+ UI components\"), mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"Handpick the best UI component\"), mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"Get Out of Box UI / UX\"), mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"Minimal rewrite if required\"), mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"Well Tested functionalities\")), mdx(\"h3\", {\n    \"id\": \"automated-form-submission-and-styling\"\n  }, \"Automated form submission and styling\"), mdx(\"ul\", null, mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"Automated Form submissions\"), mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"Core functionalities are wrapped\"), mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"Style your form at one place\"), mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"Minimal rewrite if required\"), mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"Utilizing the best libraries available\")), mdx(\"h3\", {\n    \"id\": \"automated-form-validation-and-error-handling\"\n  }, \"AUTOMATED FORM VALIDATION AND ERROR HANDLING\"), mdx(\"ul\", null, mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"Validate using a simple word\"), mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"Handle Errors in a common place\"), mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"Mention Error Display once\"), mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"Minimal rewrite if required\"), mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"Validate literally any field\")), mdx(\"blockquote\", null, mdx(\"p\", {\n    parentName: \"blockquote\"\n  }, mdx(\"a\", {\n    parentName: \"p\",\n    \"href\": \"/contact\"\n  }, \"Contact US\"))));\n}\n;\nMDXContent.isMDXComponent = true;","frontmatter":{"title":"How we develop React applications","description":"Codebrahma's best reactjs based services provider in san francisco","keywords":["React JS development Company","React JS development company in USA","react js consulting company","react js bay area consulting company","react js development company in san francisco","react js dev shop in USA"],"link":"/codebrahma-react-application","image":{"publicURL":"/static/580ffd26ccaa16481ed87c1829c74943/reactjs.png"}}}},"pageContext":{"link":"/codebrahma-react-application"}},"staticQueryHashes":["1017634279","2557326890","4158172950"]}