<commit_before>---
layout: docs
title: 'Samples'
---

### Samples in the Dexie repository

#### React + Dexie >= 3.1

* [Source](https://github.com/dfahlander/dexie-todo-list)
* [Run in browser](https://dexie-todo-list.stackblitz.io)
* [Play with it on stackblitz](https://stackblitz.com/edit/dexie-todo-list?file=components/TodoListView.tsx)
* **[React hooks for dexie@3.1](https://medium.com/dexie-js/awesome-react-integration-coming-f212c2273d05)** *(Blog article)*
* [useLiveQuery](/docs/dexie-react-hooks/useLiveQuery())

#### React + Dexie < 3.1
* [Source](https://github.com/dfahlander/Dexie.js/tree/master/samples/react)
* [Run in browser](https://raw.githack.com/dfahlander/Dexie.js/demo/samples/react/build/)

#### React + Redux + Dexie

* [Source](https://github.com/dfahlander/Dexie.js/tree/master/samples/react-redux)

#### Dexie with Typescript

* Simple example: [Source](https://github.com/dfahlander/Dexie.js/tree/master/samples/typescript-simple)
* [Stackblitz sample](https://stackblitz.com/edit/typescript-dexie-appdemo?file=index.ts)
* [Tutorial about Dexie with Typescript](https://dexie.org/docs/Typescript.html)

#### Vue + Dexie

 * [Source](https://github.com/dfahlander/Dexie.js/tree/master/samples/vue)

#### Angular + Dexie >= 3.1

* **[Turn promises into observables in dexie@3.1](https://github.com/dfahlander/Dexie.js/releases/tag/v3.1.0-alpha.1)**

#### Angular + Dexie < 3.1
* [Source](https://github.com/dfahlander/Dexie.js/tree/master/samples/angular2)
* [Run in browser](https://raw.githack.com/dfahlander/Dexie.js/demo/samples/angular2/dist/)

#### Dexie with Electron<commit_msg>Update Samples.md<commit_after>---
layout: docs
title: 'Samples'
---

### Samples in the Dexie repository

#### React + Dexie >= 3.1

* [Source](https://github.com/dfahlander/dexie-todo-list)
* [Run in browser](https://dexie-todo-list.stackblitz.io)
* [Play with it on stackblitz](https://stackblitz.com/edit/dexie-todo-list?file=components/TodoListView.tsx)
* **[React hooks for dexie@3.1](https://medium.com/dexie-js/awesome-react-integration-coming-f212c2273d05)** *(Blog article)*
* [useLiveQuery()](/docs/dexie-react-hooks/useLiveQuery())

#### React + Dexie < 3.1
* [Source](https://github.com/dfahlander/Dexie.js/tree/master/samples/react)
* [Run in browser](https://raw.githack.com/dfahlander/Dexie.js/demo/samples/react/build/)

#### React + Redux + Dexie

* [Source](https://github.com/dfahlander/Dexie.js/tree/master/samples/react-redux)

#### Dexie with Typescript

* Simple example: [Source](https://github.com/dfahlander/Dexie.js/tree/master/samples/typescript-simple)
* [Stackblitz sample](https://stackblitz.com/edit/typescript-dexie-appdemo?file=index.ts)
* [Tutorial about Dexie with Typescript](https://dexie.org/docs/Typescript.html)

#### Vue + Dexie

 * [Source](https://github.com/dfahlander/Dexie.js/tree/master/samples/vue)

#### Angular + Dexie >= 3.1

* **[Turn promises into observables in dexie@3.1](https://github.com/dfahlander/Dexie.js/releases/tag/v3.1.0-alpha.1)**

#### Angular + Dexie < 3.1
* [Source](https://github.com/dfahlander/Dexie.js/tree/master/samples/angular2)
* [Run in browser](https://raw.githack.com/dfahlander/Dexie.js/demo/samples/angular2/dist/)

#### Dexie with Electron
{'fraction_non_alphanumeric': 0.19648365206662555, 'fraction_numerical': 0.016656384947563233, 'mean_word_length': 4.822262118491921, 'pattern_counts': {'":': 0, '<': 7, '<?xml version=': 0, '>': 7, 'https://': 28, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '1303104', 'n_tokens_mistral': 1286, 'n_tokens_neox': 1196, 'n_words': 150}