fuck-coding/refine.html at main · yoru-hiru/fuck-coding · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
<!DOCTYPE html><html lang="zh-cn"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Refine - 全栈艺术</title><meta name="description" content="React 元框架。 用于 CRUD 密集型 Web 应用： 通过核心组件和钩子， npm create refine-app@latest 选择模板 Vite Next 选择后端服务 选择 UI 框架"><meta name="generator" content="Publii Open-Source CMS for Static Site"><link rel="canonical" href="https://yoru-hiru.github.io/fuck-coding/refine.html"><link rel="alternate" type="application/atom+xml" href="https://yoru-hiru.github.io/fuck-coding/feed.xml"><link rel="alternate" type="application/json" href="https://yoru-hiru.github.io/fuck-coding/feed.json"><meta property="og:title" content="Refine"><meta property="og:site_name" content="全栈艺术"><meta property="og:description" content="React 元框架。 用于 CRUD 密集型 Web 应用： 通过核心组件和钩子， npm create refine-app@latest 选择模板 Vite Next 选择后端服务 选择 UI 框架"><meta property="og:url" content="https://yoru-hiru.github.io/fuck-coding/refine.html"><meta property="og:type" content="article"><link rel="preload" href="https://yoru-hiru.github.io/fuck-coding/assets/dynamic/fonts/jetbrainsmono/jetbrainsmono.woff2" as="font" type="font/woff2" crossorigin><link rel="stylesheet" href="https://yoru-hiru.github.io/fuck-coding/assets/css/style.css?v=0643aeb33172d8efe1d48cf7f23a4fbe"><script type="application/ld+json">{"@context":"http://schema.org","@type":"Article","mainEntityOfPage":{"@type":"WebPage","@id":"https://yoru-hiru.github.io/fuck-coding/refine.html"},"headline":"Refine","datePublished":"2024-10-07T19:13+08:00","dateModified":"2024-10-09T22:21+08:00","description":"React 元框架。 用于 CRUD 密集型 Web 应用： 通过核心组件和钩子， npm create refine-app@latest 选择模板 Vite Next 选择后端服务 选择 UI 框架","author":{"@type":"Person","name":"Yoruhiru","url":"https://yoru-hiru.github.io/fuck-coding/authors/yoru/"},"publisher":{"@type":"Organization","name":"Yoruhiru"}}</script><noscript><style>img[loading] {
                    opacity: 1;
                }</style></noscript></head><body><div class="container container--center"><header class="header"><div class="header__logo"><a class="logo" href="https://yoru-hiru.github.io/fuck-coding/">全栈艺术</a></div><nav class="navbar js-navbar"><button class="navbar__toggle js-toggle" aria-label="Menu" aria-haspopup="true" aria-expanded="false"><span class="navbar__toggle-box"><span class="navbar__toggle-inner">Menu</span></span></button><ul class="navbar__menu"><li class="has-submenu"><a href="https://yoru-hiru.github.io/fuck-coding/chan-pin.html" target="_self" aria-haspopup="true">产品</a><ul class="navbar__submenu level-2" aria-hidden="true"><li><span class="is-separator">立项</span></li><li><span class="is-separator">规划</span></li><li><span class="is-separator">协作</span></li></ul></li><li class="has-submenu"><span class="is-separator" aria-haspopup="true">设计</span><ul class="navbar__submenu level-2" aria-hidden="true"><li><a href="https://yoru-hiru.github.io/fuck-coding/yong-hu-ti-yan.html" target="_self">体验</a></li><li class="has-submenu"><span class="is-separator" aria-haspopup="true">系统</span><ul class="navbar__submenu level-3" aria-hidden="true"><li><a href="https://yoru-hiru.github.io/fuck-coding/jie-mian.html" target="_self">语言</a></li><li><a href="https://yoru-hiru.github.io/fuck-coding/she-ji-token.html" target="_self">变量</a></li><li><a href="https://yoru-hiru.github.io/fuck-coding/she-ji-zu-jian.html" target="_self">维护</a></li></ul></li><li class="has-submenu"><span class="is-separator" aria-haspopup="true">界面</span><ul class="navbar__submenu level-3" aria-hidden="true"><li><span class="is-separator">线框</span></li><li><span class="is-separator">原型</span></li><li><span class="is-separator">视觉</span></li></ul></li></ul></li><li class="has-submenu"><span class="is-separator" aria-haspopup="true">技术</span><ul class="navbar__submenu level-2" aria-hidden="true"><li class="has-submenu"><span class="is-separator" aria-haspopup="true">架构</span><ul class="navbar__submenu level-3" aria-hidden="true"><li><a href="https://yoru-hiru.github.io/fuck-coding/jia-gou-jue-ce.html" target="_self">决策</a></li><li><a href="https://yoru-hiru.github.io/fuck-coding/jia-gou-mo-shi.html" target="_self">模式</a></li><li><a href="https://yoru-hiru.github.io/fuck-coding/dai-ma.html" target="_self">代码</a></li></ul></li><li class="has-submenu"><span class="is-separator" aria-haspopup="true">开发</span><ul class="navbar__submenu level-3" aria-hidden="true"><li><a href="https://yoru-hiru.github.io/fuck-coding/ji-chu.html" target="_self">基础</a></li><li><a href="https://yoru-hiru.github.io/fuck-coding/dai-ma.html" target="_self">编程</a></li><li><a href="https://yoru-hiru.github.io/fuck-coding/ce-shi.html" target="_self">审查</a></li></ul></li><li><span class="is-separator">运维</span></li></ul></li><li class="has-submenu"><span class="is-separator" aria-haspopup="true">运营</span><ul class="navbar__submenu level-2" aria-hidden="true"><li class="has-submenu"><span class="is-separator" aria-haspopup="true">方面</span><ul class="navbar__submenu level-3" aria-hidden="true"><li><span class="is-separator">内容</span></li><li><span class="is-separator">用户</span></li><li><span class="is-separator">活动</span></li></ul></li><li class="has-submenu"><span class="is-separator" aria-haspopup="true">模式</span><ul class="navbar__submenu level-3" aria-hidden="true"><li><span class="is-separator">商业</span></li><li><span class="is-separator">推广</span></li></ul></li><li><span class="is-separator">分析</span></li></ul></li></ul></nav></header><main class="content"><article class="post"><header><h1 class="post__title">Refine</h1><div class="post__meta"><time datetime="2024-10-07T19:13" class="post__date">十月 7, 2024 </time><span class="post__author"><a href="https://yoru-hiru.github.io/fuck-coding/authors/yoru/" class="feed__author">Yoruhiru</a></span></div></header><div class="post__entry"><p>React 元框架。</p><p>用于 CRUD 密集型 Web 应用：</p><ul><li>内部工具</li><li>管理面板</li><li>仪表盘</li><li>B2B 应用</li><li>表单</li></ul><p>通过核心组件和钩子，</p><ul><li>身份验证</li><li>访问控制</li><li>路由</li><li>网络</li><li>状态管理</li><li>国际化</li></ul><p> </p><ul><li>平台<ul><li>Next.js</li><li>Remix</li><li>React Native</li><li>Electron</li></ul></li><li>UI<ul><li>TailwindCSS</li><li>Ant Design</li><li>Material UI</li><li>Mantine</li><li>Chakra UI</li></ul></li><li>验证</li><li>后端</li></ul><h2>使用</h2><pre class="language-bash"><code>npm create refine-app@latest</code></pre><ol><li>选择模板<ul><li>Vite</li><li>Next</li></ul></li><li>选择后端服务</li><li>选择 UI 框架</li></ol></div><footer class="wrapper post__footer"><p class="post__last-updated">This article was updated on 十月 9, 2024</p><div class="post__share"></div></footer><nav class="pagination"><div class="pagination__title"><span>Read other posts</span></div><div class="pagination__buttons"><a href="https://yoru-hiru.github.io/fuck-coding/ant-design-pro.html" class="btn previous" rel="prev" aria-label="[MISSING TRANSLATION]:  Ant Design Pro 6 "><span class="btn__icon">←</span> <span class="btn__text">Ant Design Pro 6</span> </a><a href="https://yoru-hiru.github.io/fuck-coding/radix.html" class="btn next" rel="next" aria-label="[MISSING TRANSLATION]:  Radix "><span class="btn__text">Radix</span> <span class="btn__icon">→</span></a></div></nav></article></main><footer class="footer"><div class="footer__inner"><div class="footer__copyright"><p>@yoruhiru</p></div></div></footer></div><script defer="defer" src="https://yoru-hiru.github.io/fuck-coding/assets/js/scripts.min.js?v=74fad06980c30243d91d72c7c57fcdb8"></script><script>window.publiiThemeMenuConfig={mobileMenuMode:'overlay',animationSpeed:300,submenuWidth: 'auto',doubleClickTime:500,mobileMenuExpandableSubmenus:true,relatedContainerForOverlayMenuSelector:'.top'};</script><script>var images = document.querySelectorAll('img[loading]');
        for (var i = 0; i < images.length; i++) {
            if (images[i].complete) {
                images[i].classList.add('is-loaded');
            } else {
                images[i].addEventListener('load', function () {
                    this.classList.add('is-loaded');
                }, false);
            }
        }</script></body></html>