Bump Imba version and misc changes
- README: show example of running server and reword it - add support completing checklist items - bump imba version to `1.4.7`
This commit is contained in:
parent
ce9e3cf5fd
commit
bc22423565
31
README.md
31
README.md
|
@ -1,12 +1,29 @@
|
|||
# hello-world-imba
|
||||
# Hello World Imba
|
||||
|
||||
Tiny template for testing out Imba
|
||||
Tiny template for testing out Imba. Click [Use this
|
||||
template](https://github.com/imba/hello-world-imba/generate) on GitHub to
|
||||
create a new repository with this template.
|
||||
|
||||
## Getting started
|
||||
|
||||
```bash
|
||||
# install dependencies
|
||||
npm install
|
||||
# start webpack-dev-server and compiler
|
||||
npm run dev
|
||||
```
|
||||
git clone https://github.com/imba/hello-world-imba
|
||||
cd hello-world-imba
|
||||
yarn # npm install
|
||||
```
|
||||
|
||||
You can run the app in two ways, either served via the webpack-dev-server or
|
||||
Express.
|
||||
|
||||
### Webpack
|
||||
|
||||
```bash
|
||||
# start webpack-dev-server and compiler
|
||||
yarn run dev # npm run dev
|
||||
```
|
||||
|
||||
### Server side
|
||||
|
||||
```
|
||||
./node_modules/.bin/imba src/server.imba
|
||||
```
|
||||
|
|
|
@ -84,6 +84,10 @@ ul {
|
|||
padding: 10px;
|
||||
}
|
||||
|
||||
.completed {
|
||||
text-decoration: line-through;
|
||||
}
|
||||
|
||||
li {
|
||||
padding: 8px 12px;
|
||||
display: flex;
|
||||
|
|
|
@ -2,10 +2,10 @@
|
|||
var store = {
|
||||
title: ""
|
||||
items: [
|
||||
{title: "git clone hello-world-imba"}
|
||||
{title: "npm install"}
|
||||
{title: "npm run dev"}
|
||||
{title: "play around"}
|
||||
{title: "git clone hello-world-imba", completed: false}
|
||||
{title: "npm install", completed: false}
|
||||
{title: "npm run dev", completed: false}
|
||||
{title: "play around", completed: false}
|
||||
]
|
||||
}
|
||||
|
||||
|
@ -14,13 +14,17 @@ tag App
|
|||
data:items.push(title: data:title)
|
||||
data:title = ""
|
||||
|
||||
def completeItem item
|
||||
console.log "clicked,{item:completed}"
|
||||
item:completed = !item:completed
|
||||
|
||||
def render
|
||||
<self.vbox>
|
||||
<header>
|
||||
<input[data:title] placeholder="New..." :keyup.enter.addItem>
|
||||
<button :tap.addItem> 'Add item'
|
||||
<ul> for item in data:items
|
||||
<li> item:title
|
||||
<li .completed=item:completed :tap.completeItem(item)> item:title
|
||||
|
||||
|
||||
Imba.mount <App[store]>
|
Loading…
Reference in New Issue