{"version":1,"pages":[{"id":"kzTlst3tKo255yz4YpDi","title":"Why JSX.Design?","pathname":"/jsx.design","siteSpaceId":"sitesp_h4z3U","description":"JSX.Design is a no-code, WYSIWYG editor for React development, designed to empower developers and teams by simplifying UI creation","breadcrumbs":[{"label":"Introduction","icon":"hand-wave"}]},{"id":"sMR6zoBd1xvxGgpTqW8n","title":"Minimum Requirements","pathname":"/jsx.design/introduction/minimum-requirements","siteSpaceId":"sitesp_h4z3U","breadcrumbs":[{"label":"Introduction","icon":"hand-wave"}]},{"id":"cEHgDv7NGBquDGHeLyQ4","title":"Building your first React UI","pathname":"/jsx.design/getting-started/editor","siteSpaceId":"sitesp_h4z3U","description":"Getting started with JSX.Design is simple and intuitive. Follow this guide to create a React UI effortlessly while maintaining full control over the design and code.","breadcrumbs":[{"label":"Getting Started","icon":"graduation-cap"}]},{"id":"Zgd6jCHDCmatEopgVc19","title":"Making your UI responsive","pathname":"/jsx.design/getting-started/making-your-ui-responsive","siteSpaceId":"sitesp_h4z3U","breadcrumbs":[{"label":"Getting Started","icon":"graduation-cap"}]},{"id":"ZXxfwYY21Yz9PCv9X7ja","title":"Exporting your code","pathname":"/jsx.design/getting-started/markdown","siteSpaceId":"sitesp_h4z3U","description":"","breadcrumbs":[{"label":"Getting Started","icon":"graduation-cap"}]},{"id":"QwHFLVleY7QejI9V4gc3","title":"Basic styling","pathname":"/jsx.design/styling-ui/images-and-media","siteSpaceId":"sitesp_h4z3U","description":"Customizing the appearance of elements and components in JSX.Design is straightforward and versatile. Whether you prefer visual styling or manual CSS, JSX.Design has options tailored to your workflow.","breadcrumbs":[{"label":"Styling UI","icon":"palette"}]},{"id":"pzm3g1JcWUeZ2nxMWmy6","title":"Creating reusable components","pathname":"/jsx.design/styling-ui/creating-reusable-components","siteSpaceId":"sitesp_h4z3U","description":"","breadcrumbs":[{"label":"Styling UI","icon":"palette"}]},{"id":"oa0XskrCEgbVlYaOnehE","title":"Conditional rendering with view states","pathname":"/jsx.design/styling-ui/interactive-blocks","siteSpaceId":"sitesp_h4z3U","description":"","breadcrumbs":[{"label":"Styling UI","icon":"palette"}]},{"id":"qfoIya1v8Ybs7B7lQE3T","title":"Creating & using Props","pathname":"/jsx.design/styling-ui/creating-and-using-props","siteSpaceId":"sitesp_h4z3U","description":"","breadcrumbs":[{"label":"Styling UI","icon":"palette"}]},{"id":"SNZSPluCZ9AkoxnIpRwY","title":"Mapping an array","pathname":"/jsx.design/styling-ui/mapping-an-array","siteSpaceId":"sitesp_h4z3U","breadcrumbs":[{"label":"Styling UI","icon":"palette"}]},{"id":"qFr2XxO9RSoypqqWaSMJ","title":"Bring custom code or other React libraries","pathname":"/jsx.design/advanced-features/bring-custom-code-or-other-react-libraries","siteSpaceId":"sitesp_h4z3U","breadcrumbs":[{"label":"Advanced Features","icon":"star"}]},{"id":"6ofeS98YYAN1iOZkdteg","title":"Ejecting a custom component","pathname":"/jsx.design/advanced-features/ejecting-a-custom-component","siteSpaceId":"sitesp_h4z3U","breadcrumbs":[{"label":"Advanced Features","icon":"star"}]},{"id":"xwhtpGmA7FQRWNqGWhdJ","title":"Handling Global CSS warning","pathname":"/jsx.design/troubleshooting/handling-global-css-warning","siteSpaceId":"sitesp_h4z3U","breadcrumbs":[{"label":"Troubleshooting","icon":"swords-laser"}]},{"id":"fOZjrcV55r2hHdk5xuVr","title":"Syncing project versions between JSX.Design and IDE","pathname":"/jsx.design/troubleshooting/syncing-project-versions-between-jsx.design-and-ide","siteSpaceId":"sitesp_h4z3U","description":"","breadcrumbs":[{"label":"Troubleshooting","icon":"swords-laser"}]},{"id":"vfzvYu8KCCG9K3cXgvkt","title":"Handling export conflicts for unsaved projects","pathname":"/jsx.design/troubleshooting/handling-export-conflicts-for-unsaved-projects","siteSpaceId":"sitesp_h4z3U","breadcrumbs":[{"label":"Troubleshooting","icon":"swords-laser"}]}]}