https://github.com/eswat2/egghead-mobx
my experiment converting the Github Note Taker app to Mobx
https://github.com/eswat2/egghead-mobx
Last synced: 28 days ago
JSON representation
my experiment converting the Github Note Taker app to Mobx
- Host: GitHub
- URL: https://github.com/eswat2/egghead-mobx
- Owner: eswat2
- License: mit
- Created: 2016-07-12T03:54:07.000Z (almost 9 years ago)
- Default Branch: master
- Last Pushed: 2016-07-21T22:32:45.000Z (almost 9 years ago)
- Last Synced: 2025-04-09T02:12:23.334Z (about 2 months ago)
- Language: JavaScript
- Size: 45.9 KB
- Stars: 17
- Watchers: 2
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# egghead-mobx
my attempt to convert the Github Note Taker app to use Mobx...
[](https://dependencyci.com/github/eswat2/egghead-mobx)
NOTE: this code no longer uses firebase and re-base
I am now using [**json-server**](https://github.com/typicode/json-server) to handle reading & writing notes:
```javascript
npm install -g json-server
npm run notes
npm start
```
You can view the content of **db.json** in order to see the changes you are making to notes.
### BACKGROUND:
I took the [**Build Your First React.js App**](https://egghead.io/courses/build-your-first-react-js-application) by [Tyler McGinnis](https://github.com/tylermcginnis) on [**egghead.io**](https://egghead.io) and decided to continue refining and refactoring the app that was created in that course. My initial thought was to convert it to [**Redux**](http://redux.js.org/), but i found that a bit daunting since i was still trying to learn **Redux**. I found a reference to [**Mobx**](https://mobxjs.github.io/mobx/) and after reading a little about it, i decided to try that approach first. This app is the result of that exploration.
Some of the features include:
- refined UI elements
- a store built on [**Mobx**](https://mobxjs.github.io/mobx/)
- uses [**axios**](https://github.com/mzabriskie/axios) for all api calls
- a notes REST api built on top of [**json-server**](https://github.com/typicode/json-server)
- a simple html5 pushstate mechanism
- saves last valid username to local storage
- initializes app from URL if it matches /profile/:username
- otherwise it reloads last username from local storage
- a simple navigator for visited usernames
### DEPLOYMENT
I created another repo which contains the code required to deploy this app to [**heroku**](https://www.heroku.com/home). You can find that here:
[**heroku-egghead-mobx**](https://github.com/eswat2/heroku-egghead-mobx)
Some of it's features include:
- simple embedded notes api built on [**mongoose**](http://mongoosejs.com/)
- notes are persisted to [**mlab**](https://mlab.com/)
- code to enforce SSL, leveraging heroku's certs
- code to support the Single Page App model
The deployed app can be found here: [**egghead-mobx**](https://egghead-mobx.herokuapp.com)
### REFERENCE:
```javascript
babel-node devServer.js
webpack-dev-server
json-server --watch db.json
```