【文件属性】：
文件名称：low-code-design:Next JS中的低代码设计
文件大小：9.04MB
文件格式：ZIP
更新时间：2021-05-23 09:35:37
TypeScript
Next JS中的低代码设计
2020年设计师开发人员的交接仍然缓慢而繁琐。 这一概念证明为Next JS带来了低代码设计。 想象一下一个界面，该界面允许设计人员编辑生产代码，从而告别移交过程。
在大会上发表：
幻灯片： ：
警告：高度实验性！ 现阶段的概念证明。 签出来玩。
安装
$ npm install
$ npm run dev
# Navigate to http://localhost:4020
依存关系
尾风CSS
通过添加和删除Tailwind的实用程序类来进行样式更改。 没有这个项目，本来就很难。
React光纤导线
非常酷的项目，有助于使用元素树构建“层”面板。 。
【文件预览】：
low-code-design-master
----components()
--------DemoCard.tsx(616B)
--------Icon.tsx(4KB)
--------RehypeComponent.tsx(1KB)
--------ColorPickerSelect.tsx(4KB)
--------LayersPanel.tsx(2KB)
--------Wrapper.tsx(1KB)
--------Panel.tsx(898B)
--------ControlPanel.tsx(299B)
--------DesignToolsAppPortal.tsx(4KB)
--------LayoutPanel.tsx(3KB)
--------BackgroundPanel.tsx(1KB)
--------NodeTree.tsx(3KB)
--------DesignToolsApp.tsx(5KB)
--------EffectPanel.tsx(1KB)
--------SpacingPanel.tsx(2KB)
--------ElementPanel.tsx(3KB)
--------Example.ast.json(8KB)
--------TypographyPanel.tsx(4KB)
--------Example.js(319B)
--------DesignToolsApp.module.css(117B)
--------SizingPanel.tsx(3KB)
--------ColorPicker.tsx(3KB)
--------Select.tsx(2KB)
--------PanelRow.tsx(359B)
----.gitignore(386B)
----tsconfig.json(516B)
----README.md(1KB)
----public()
--------gifs()
--------vercel.svg(1KB)
--------images()
--------favicon.ico(15KB)
----next.config.js(487B)
----__tests__()
--------replace-class-name-value.test.js(914B)
----pages()
--------index.tsx(538B)
--------live.tsx(5KB)
--------test-page.js(80B)
--------_app.js(302B)
--------sequencer.tsx(906B)
--------api()
--------notes.mdx(2KB)
--------card-demo.tsx(794B)
--------monaco.tsx(1KB)
--------list-demo.tsx(1KB)
----package.json(1KB)
----.babelrc(232B)
----next-env.d.ts(75B)
----styles()
--------tailwind.css(61B)
--------globals.css(470B)
--------HomePage.module.css(2KB)
----postcss.config.js(72B)
----tailwind.config.js(1KB)
----types()
--------index.ts(888B)
----lib()
--------rehype-utils.ts(2KB)
--------tailwind-config.ts(4KB)
--------replace-class-name-value.ts(516B)
--------contexts()
--------react-render-hook.js(105B)
--------prettier.ts(258B)
--------__tests__()
--------class-name-values.ts(2KB)
--------babel-dom-utils.ts(2KB)
--------react-render-hook()
--------file()
--------hooks()
----.prettierrc.js(124B)
----package-lock.json(509KB)