imbolc / action-loop

Offline-first web app with Hoodie & React

Offline-first web app with Hoodie & React

Installation

• clone the repository
• install the dependencies: npm i

Part 0: bootstrap

Here we just installing dependencies:

• Hoodie for client-side database and auth
• React for declarative component-based views
• Material-UI for nice-looking material-design react components
• Webpack for bundling of app modules
• Babel for modern js syntax

And creating:

• public folder - witch contains index.html and assets
• src folder - which contains app components
• webpack.config.js - webpack configuration file with dev settings

Workflow:

• Switch the repo to this part: git checkout part0
• Run dev server: npm start

Part 1: client-side database

In this part we learn how to add document to db and subscribe on db changes. Russian article is avaliable at https://habrahabr.ru/post/309166/. Do not forget to switch the repo: git checkout part1

Part 2: authorization

We'll implement app-bar menus and dialogs for singning up and out Russian article is avaliable at https://habrahabr.ru/post/309572/. Do not forget to switch the repo: git checkout part2