vasern.github.io/index.html at master · vasern/vasern.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
<!DOCTYPE html><html lang=""><head><meta charSet="utf-8"/><meta http-equiv="X-UA-Compatible" content="IE=edge"/><title>Vasern · Fast and open source database for React Native</title><meta name="viewport" content="width=device-width"/><meta name="generator" content="Docusaurus"/><meta name="description" content="Fast and open source database for React Native"/><meta property="og:title" content="Vasern · Fast and open source database for React Native"/><meta property="og:type" content="website"/><meta property="og:url" content="https://vasern.github.com/index.html"/><meta property="og:description" content="Fast and open source database for React Native"/><meta property="og:image" content="https://vasern.github.com/img/vasern-og-banner.png"/><meta name="twitter:card" content="summary"/><meta name="twitter:image" content="https://vasern.github.com/img/vasern-twitter-banner.png"/><link rel="shortcut icon" href="/img/favicon.png"/><link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.12.0/styles/atom-one-dark.min.css"/><script>
              (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
              (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
              m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
              })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');

              ga('create', 'UA-127606864-1', 'auto');
              ga('send', 'pageview');
            </script><link rel="stylesheet" href="/css/prism.css"/><link rel="stylesheet" href="/css/main.css"/></head><body><div class="fixedHeaderContainer"><div class="headerWrapper wrapper"><header><a href="/"><img class="logo" src="/img/vasern.svg" alt="Vasern"/><h2 class="headerTitleWithLogo">Vasern</h2></a><a href="/versions"><h3>0.3.0-beta</h3></a><div class="navigationWrapper navigationSlider"><nav class="slidingNav"><ul class="nav-site nav-site-internal"><li class=""><a href="/docs/overview" target="_self">Docs</a></li><li class=""><a href="/docs/todo-example" target="_self">Examples</a></li><li class=""><a href="https://medium.com/vasern" target="_self">Blog</a></li><li class=""><a href="https://github.com/vasern/vasern" target="_self">Github</a></li><li class=""><a href="https://form.jotform.co/82917565387876" target="_self">Subscribe</a></li></ul></nav></div></header></div></div><div class="navPusher"><div class="homepage"><div class="homeContainer"><div class="homeSplashFade"><div class="wrapper homeWrapper"><div class="inner block__split"><div class="block__col"><div class="projectTitleWrapper"><h1 class="projectTitle">Fast and Open Source<small>Data storage for React Native</small></h1><p>Vasern let developers quickly setup database for React Native apps. It&#x27;s fast, lightweight, and open source.</p></div><div class="section promoSection"><div class="promoRow"><div class="pluginRowBlock"><div class="pluginWrapper buttonWrapper"><a class="button btn-primary" href="/docs/overview.html" target="_self">Getting Started</a></div></div></div></div></div><div class="hljs__dark"><div><span><pre><code class="hljs css language-javascript"><span class="hljs-keyword">import</span> Vasern <span class="hljs-keyword">from</span> ‘vasern’;

<span class="hljs-keyword">const</span> VasernDB = <span class="hljs-keyword">new</span> Vasern({
  <span class="hljs-attr">schemas</span>: [{
    <span class="hljs-attr">name</span>: <span class="hljs-string">'Users'</span>,
    <span class="hljs-attr">props</span>: { <span class="hljs-attr">name</span>: <span class="hljs-string">'string'</span>, <span class="hljs-attr">age</span>: <span class="hljs-string">'int'</span>}
  }]
});

VasernDB.Users.onChange(<span class="hljs-function">(<span class="hljs-params">{ changed, event }</span>) =&gt;</span> {
 <span class="hljs-built_in">console</span>.log(changed);
});

<span class="hljs-keyword">const</span> Peter = VasernDB.Users.insert({
  <span class="hljs-attr">name</span>: <span class="hljs-string">'Peter Griffin'</span>,
  <span class="hljs-attr">age</span>: <span class="hljs-number">58</span>
});
</code></pre>
</span></div></div></div></div></div></div><div class="block__features block__split"><a href="#native-performance" class="block__item"><img src="/img/002-startup.svg" alt="Feature Fast"/><p>Fast</p></a><a href="#zero-dependency" class="block__item"><img src="/img/003-bag.svg" alt="Feature Lightweight"/><p>Lightweight</p></a><a href="#quick-setup" class="block__item"><img src="/img/004-gear.svg" alt="Feature Easy setup"/><p>Easy setup</p></a><a href="#open-source" class="block__item"><img src="/img/001-group.svg" alt="Feature Open Source"/><p>Open Source</p></a></div><div class="mainContainer"><div class="block__article"><div class="block block__centered block__nowidth"><div class="block__container"><div class="block__container" style="width:1200px;flex-wrap:nowrap"><div class="block__item"><h4>Towards Vasern Beta - Updates And Features</h4><p class="block__content">Vasern project started 3 months ago, with a goal to be a fast data storage for React Native, be able to sync to remote servers and available for everyone.</p><div class="block__footer"><img src="/img/Hieu-Nguyen.png" alt="Hieu Nguyen"/><p><b>Hieu Nguyen</b><a href="https://medium.com/vasern/vasern-a-fast-lightweight-and-open-source-data-storage-for-react-native-7fccff7506a1" alt="Towards Vasern Beta - Updates And Features" target="_blank" rel="noopener noreferrer">View on Vasern Blog</a></p></div></div><div class="block__item"><h4>Vasern : une base de données pour React native</h4><p class="block__content">React Native est un framework pour la création d&#x27;applications mobiles native dont la popularité connaît une croissance soutenue depuis ces 5 dernières années, mais dont les options de stockage disponibles sont assez limitées.</p><div class="block__footer"><p><b>Fredericmazue</b><a href="https://www.programmez.com/actualites/vasern-une-base-de-donnees-pour-react-native-28136" alt="Vasern : une base de données pour React native" target="_blank" rel="noopener noreferrer">View on Programmez</a></p></div></div><div class="block__item"><h4>New React Native tool coming your way — Vasern joins the party</h4><p class="block__content">The best tools are built by users who are determined to improve their workflow! The story behind the creation of Vasern, a brand new data storage for React Native.</p><div class="block__footer"><img src="/img/Eirini-Eleni.png" alt="Eirini-Eleni"/><p><b>Eirini-Eleni</b><a href="https://jaxenter.com/new-react-native-tool-vasern-150729.html" alt="New React Native tool coming your way — Vasern joins the party" target="_blank" rel="noopener noreferrer">View on Jaxenter</a></p></div></div><div class="block__item"><h4>Vasern : une base de données pour React native</h4><p class="block__content">React Native bringt React aufs Mobilgerät. Mit Vasern steht nun die Beta-Version von einer neuen Data-Storage-Lösung für React Native zum Testen bereit, die die Library um einige Funktionen erweitern soll.</p><div class="block__footer"><img src="/img/ann-cathrin-klose.jpg" alt="Ann-Cathrin Klose"/><p><b>Ann-Cathrin Klose</b><a href="https://entwickler.de/online/javascript/vasern-data-storage-react-native-579865402.html" alt="Vasern : une base de données pour React native" target="_blank" rel="noopener noreferrer">View on Entwickler.de</a></p></div></div></div></div></div></div></div><div class="block__feature_details"><div class="block__item"><div id="native-performance" class="block__container"><img height="140" src="/img/002-startup.svg" alt="Native storage engine for native performance"/><div class="block__content"><h3 title="feature__title">Native storage engine for native performance</h3><p>Address performance issue by building Vasern storage engine natively in C++, Objective-C, Java.
        Enable native performance.
      </p></div></div></div><div class="block__item block__item_darker"><div id="zero-dependency" class="block__container block__row__inverse"><img height="140" src="/img/003-bag.svg" alt="Built with thin layers, near zero dependencies"/><div class="block__content"><h3 title="feature__title">Built with thin layers, near zero dependencies</h3><p>Dependencies are great, though it created complex layers that affect the performance.
        Vasern is built with care to reduce as many dependencies as possible.
        Zero dependency is the goal. Current size ~100kb.
      </p></div></div></div><div class="block__item"><div id="quick-setup" class="block__container"><img height="140" src="/img/004-gear.svg" alt="Design for simplicity, setup in seconds"/><div class="block__content"><h3 title="feature__title">Design for simplicity, setup in seconds</h3><p>More works are done underneath to provide a simple APIs.
        Allow you to spend less time worry about databases, more time to build your apps.
      </p></div></div></div><div class="block__item block__item_darker"><div id="open-source" class="block__container block__row__inverse"><img height="140" src="/img/001-group.svg" alt="Build by developers, for the developer community"/><div class="block__content"><h3 title="feature__title">Build by developers, for the developer community</h3><p>Vasern is open source and welcome contributions. The abstraction layers let developers easily
        create and use their own plugin.
      </p></div></div></div></div><div class="mainContainer"><div class="section promoSection"><div class="promoRow"><div class="pluginRowBlock"><div class="pluginWrapper buttonWrapper"><a class="button btn-primary" href="/docs/overview.html" target="_self">Getting Started</a></div><div class="pluginWrapper buttonWrapper"><a class="button undefined" href="https://join.slack.com/t/vasern/shared_invite/enQtNDU4NTk2MDI5OTcyLTRiYzRjZDI5YTAyMjlhYzg1YTdhNjFjZGNkODI1OTQwYzExZjA3NWRkYTY1MGE2ZjU0YzU3NzE2NzUwZmEwMjM" target="_blank">Join our Slack channel</a></div></div></div></div></div></div><footer class="nav-footer" id="footer"><section class="sitemap"><a href="/" class="nav-home"><img src="/img/vasern.svg" alt="Vasern" width="66" height="58"/></a><div><h5>Documentation</h5><a href="/docs/overview">Overview</a><a href="/docs/install-vasern">Guides</a><a href="/docs/install-vasern">Basic CRUD operations</a><a href="/docs/support-and-feedback">Support and Feedback</a></div><div><h5>Community</h5><a href="https://twitter.com/vaserndb" target="_blank">Vasern on Twitter</a><a href="https://join.slack.com/t/vasern/shared_invite/enQtNDU4NTk2MDI5OTcyLTRiYzRjZDI5YTAyMjlhYzg1YTdhNjFjZGNkODI1OTQwYzExZjA3NWRkYTY1MGE2ZjU0YzU3NzE2NzUwZmEwMjM" target="_blank">Vasern on Slack</a></div><div><h5>Social Media</h5><a class="twitter-share-button" href="https://twitter.com/home?status=Check%20out%20%40vasern,%20a%20fast%20and%20open%20source%20React%20Native%20data%20storage" data-size="large">Tweet</a><a href="https://www.facebook.com/sharer/sharer.php?u=https%3A//vasern.com">Share on Facebook</a><a href="https://plus.google.com/share?url=https%3A//vasern.com">Share on Google+</a></div></section><section class="copyright">Copyright © 2019 Vasern</section></footer></div></body></html>