React / Node Todo Demo
This demo shows the core functionality of Visual Studio Code
for Build 2016 session workshop.
Getting Started
# 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
# Run in terminal
npm run serve
Instead you can also debug in Visual Studio Code with pressing the f5 key.
Frontend
# 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.
{
"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.