Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/microsoft/vscode-react-sample
React todo demo for Build conference
https://github.com/microsoft/vscode-react-sample
Last synced: 11 days ago
JSON representation
React todo demo for Build conference
- Host: GitHub
- URL: https://github.com/microsoft/vscode-react-sample
- Owner: microsoft
- Archived: true
- Created: 2016-03-24T00:33:09.000Z (over 8 years ago)
- Default Branch: master
- Last Pushed: 2018-07-08T09:33:04.000Z (almost 6 years ago)
- Last Synced: 2024-05-09T18:44:40.730Z (about 2 months ago)
- Language: JavaScript
- Homepage:
- Size: 551 KB
- Stars: 210
- Watchers: 10
- Forks: 125
- Open Issues: 6
-
Metadata Files:
- Readme: README.md
Lists
- awesome-stars - microsoft/vscode-react-sample - React todo demo for Build conference (JavaScript)
README
# React / Node Todo Demo
This demo shows the core functionality of [Visual Studio Code](https://code.visualstudio.com)
for Build 2016 session workshop.
## Getting Started
```bash
# clone repo
git clone https://github.com/Microsoft/vscode-react-sample.git react-todo
# navigate to repo
cd react-todo
# install deps
npm install
```
**Backend**
```bash
# Run in terminal
npm run serve
```
Instead you can also debug in Visual Studio Code with pressing the f5 key.
**Frontend**
```bash
# run in terminal
npm run dev
```
Run from Visual Studio Code by executing command (with f1 to open command palette)
`Run Task` and selecting `dev`.
**Database**
No configuration should be necessary necessary. Data backend is simply a json file called `todos.json` in `data/`.
If you run into any issues make sure `todos.json` has the following inside before starting the
server. This will become more robust overtime.
```json
{
"todos": []
}
```
## Not meant for production
There are a couple of issues to fix before this code base should
be used as a model for a production ready application.
* Swap out the file based data model for a real data backend.
* Replace webpack dev server with an application server or serve up the app with the Node server.
## Technologies
* [Visual Studio Code](https://code.visualstudio.com)
* [node](https://nodejs.org/en/)
* [express](http://expressjs.com/)
* [webpack](https://webpack.github.io/)
* [react](https://facebook.github.io/react/)
* [material-ui](http://www.material-ui.com/#/)
* [babel](https://babeljs.io/)
* [eslint](http://eslint.org/)