-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
22 lines (20 loc) · 6.12 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<!DOCTYPE html>
<html lang="en-US">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>Apicase | Introduction</title>
<meta name="description" content="">
<link rel="preload" href="/assets/css/14.styles.069008a2.css" as="style"><link rel="preload" href="/assets/js/app.d0011968.js" as="script"><link rel="preload" href="/assets/js/13.646089ee.js" as="script"><link rel="prefetch" href="/assets/js/6.d4447d10.js"><link rel="prefetch" href="/assets/js/0.a4bd400c.js"><link rel="prefetch" href="/assets/js/1.8bd08c19.js"><link rel="prefetch" href="/assets/js/2.274c5fac.js"><link rel="prefetch" href="/assets/js/3.a7bbd215.js"><link rel="prefetch" href="/assets/js/4.93452041.js"><link rel="prefetch" href="/assets/js/5.948b7737.js"><link rel="prefetch" href="/assets/js/7.766f0896.js"><link rel="prefetch" href="/assets/js/8.ff9bda44.js"><link rel="prefetch" href="/assets/js/9.01782082.js"><link rel="prefetch" href="/assets/js/10.258050f9.js"><link rel="prefetch" href="/assets/js/11.5a6bed95.js"><link rel="prefetch" href="/assets/js/12.a5b71f84.js">
<link rel="stylesheet" href="/assets/css/14.styles.069008a2.css">
</head>
<body>
<div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div><a href="/" class="home-link router-link-exact-active router-link-active"><!----><span class="site-name">
Apicase
</span></a><div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""><!----></div><!----></div></header><div class="sidebar-mask"></div><div class="sidebar"><!----><ul class="sidebar-links"><li><div class="sidebar-group first"><p class="sidebar-heading open"><span>Apicase</span><!----></p><ul class="sidebar-group-items"><li><a href="/" class="active sidebar-link">Introduction</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/#what-is-apicase" class="sidebar-link">What is Apicase</a></li><li class="sidebar-sub-header"><a href="/#general-features" class="sidebar-link">General features</a></li><li class="sidebar-sub-header"><a href="/#roadmap" class="sidebar-link">Roadmap</a></li><li class="sidebar-sub-header"><a href="/#links" class="sidebar-link">Links</a></li></ul></li><li><a href="/installation.html" class="sidebar-link">Installation</a></li><li><a href="/quick-start.html" class="sidebar-link">Quick start</a></li></ul></div></li><li><div class="sidebar-group"><p class="sidebar-heading"><span>Anatomy</span><!----></p><ul class="sidebar-group-items"><li><a href="/anatomy/requests.html" class="sidebar-link">Requests</a></li><li><a href="/anatomy/services.html" class="sidebar-link">Services</a></li><li><a href="/anatomy/spawner.html" class="sidebar-link">Spawner API</a></li><li><a href="/anatomy/adapters.html" class="sidebar-link">Adapters</a></li></ul></div></li><li><div class="sidebar-group collapsable"><p class="sidebar-heading"><span>Adapters</span><span class="arrow right"></span></p><!----></div></li><li><div class="sidebar-group collapsable"><p class="sidebar-heading"><span>Migration info</span><span class="arrow right"></span></p><!----></div></li><li><div class="sidebar-group collapsable"><p class="sidebar-heading"><span>Deprecated APIs</span><span class="arrow right"></span></p><!----></div></li></ul></div><div class="page"><div class="content"><h1 id="introduction"><a href="#introduction" aria-hidden="true" class="header-anchor">#</a> Introduction</h1><h2 id="what-is-apicase"><a href="#what-is-apicase" aria-hidden="true" class="header-anchor">#</a> What is Apicase</h2><p>Apicase is <strong>2 KB</strong> library to organize your APIs in a smart way.</p><p>There are so many questions about how to good organize work with API in frontend applications</p><p>Some people just don't care about and use native <em>fetch</em>, but it's not so flexible and extensible</p><p>Some people create their own wrappers (some classes or just functions, or json objects, no matter), but it often becomes unusable in another projects because it was made for specific APIs</p><p>In addition, work API usually is not separated from application to isolated layer. It means that you can't use your APIs with different projects or with different frameworks</p><p>Here is apicase - unified and full-featured way to create a separated API layer.</p><h2 id="general-features"><a href="#general-features" aria-hidden="true" class="header-anchor">#</a> General features</h2><ul><li><strong>events-based</strong> requests handling</li><li><strong>middlewares</strong> to update/change-on-fly/undo/redo API calls</li><li><strong>services</strong> with unlimited inheritance</li><li><strong>adapters</strong> instead of concrete tools (fetch/xhr)</li><li><strong>SSR-ready</strong> - fetch adapter uses <code>node-fetch</code> for Node and <code>whatwg-fetch</code> for native apps</li></ul><h2 id="roadmap"><a href="#roadmap" aria-hidden="true" class="header-anchor">#</a> Roadmap</h2><ul><li>Create debugger plugin</li><li>Improve errors logging</li><li>Add basic types for TS/Flow</li></ul><p>If you want to support the projects, PRs are welcome 😃</p><h2 id="links"><a href="#links" aria-hidden="true" class="header-anchor">#</a> Links</h2><p><a href="https://github.com/apicase/core"><img src="/assets/img/octoface.fa606108.svg" alt="GitHub"></a></p></div><!----><div class="content page-nav"><p class="inner"><!----><span class="next"><a href="/installation.html">
Installation
</a> →
</span></p></div></div></div></div>
<script src="/assets/js/13.646089ee.js" defer></script><script src="/assets/js/app.d0011968.js" defer></script>
</body>
</html>