https://github.com/codediodeio/sveltefire

Cybernetically enhanced Firebase apps
https://github.com/codediodeio/sveltefire

Last synced: 5 days ago
JSON representation

Cybernetically enhanced Firebase apps

• Host: GitHub
• URL: https://github.com/codediodeio/sveltefire
• Owner: codediodeio
• License: mit
• Created: 2019-11-11T14:28:01.000Z (about 5 years ago)
• Default Branch: master
• Last Pushed: 2024-07-25T02:12:41.000Z (6 months ago)
• Last Synced: 2025-01-02T17:04:42.340Z (12 days ago)
• Language: TypeScript
• Size: 957 KB
• Stars: 1,673
• Watchers: 41
• Forks: 131
• Open Issues: 66
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-firebase - SvelteFire - Svelte를 위한 Firebase 라이브러리입니다. (Svelte 태그라인 : Cybernetically enhanced Firebase apps.) (웹)

README

        




SvelteFire 









Cybernetically Enhanced Firebase Apps





A minimal, yet powerful library that puts realtime Firebase data into Svelte stores.

- [Quick Start](https://sveltefire.fireship.io/guide/start)

- [Documentation](https://sveltefire.fireship.io)

## Build Complex Apps Faster

SvelteFire allows you to access Firebase Auth, Firestore, Storage, RealtimeDB, and Analytics with minimal complexity. It simplfies relational data with a declarative syntax, handles loading states, automatically disposes of realtime data subscriptions, and more! 

Gaze in awe at the example below where we fetch multiple levels of realtime user data with just a few lines of Svelte code:

```svelte

  

  

    
Howdy, {user.uid}


    

    

      
{post.title}


      

      

        {#each comments as comment}

        {/each}

...

```

Each component in this example above is underpinned by a Svelte store.  These custom stores can be used for fine-grained control and to implement your own custom patterns.

Use stores to access Firebase data with Svelte's reactive `$` syntax:

```svelte

    import { docStore } from 'sveltefire';

    import { firestore } from '$lib/firebase'; // your firestore instance

    const post = docStore(firestore, 'posts/id');

{$post?.title}

```