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: 4 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 (over 6 years ago)
- Last Synced: 2024-06-17T13:35:05.245Z (5 months ago)
- Language: JavaScript
- Homepage:
- Size: 551 KB
- Stars: 210
- Watchers: 10
- Forks: 127
- Open Issues: 6
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# React / Node Todo Demo
This demo shows the core functionality of [Visual Studio Code](https://code.visualstudio.com)
for Build 2016 session workshop.![todo demo](/media/todo_demo.gif)
## 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/)