暂无描述

Lucas Stadler 60f23fa643 rename entry.js to index.js		11 年之前
..
.gitignore	ee9e35002c hello, es6 & webpack	11 年之前
README.md	60f23fa643 rename entry.js to index.js	11 年之前
comments.json	8a83c48c5d load comments from json	11 年之前
content.js	ee9e35002c hello, es6 & webpack	11 年之前
index.html	3a8728880a start working through the react tutorial	11 年之前
index.js	60f23fa643 rename entry.js to index.js	11 年之前
package.json	52d1b31722 support markdown in comments	11 年之前
style.css	ee9e35002c hello, es6 & webpack	11 年之前
webpack.config.js	60f23fa643 rename entry.js to index.js	11 年之前

Playing with React

More opinions/impressions coming later, when I have played with this more.

Impressions

ES6 is quite cool, especially if you wrote just plain JS before (using 6to5)

Some things: import React from "react";, template strings, () => ...,
webpack is fun/convenient/surprisingly fast (and has support for all the things we use here, e.g. react/jsx, 6to5, css)
JSX works well, even though I'd prefer doing it in Clojure (hiccup syntax, e.g. nested vectors & collections. has someone written a library for that already?)
showdown, which was suggested by the tutorial, doesn't work with module loaders and it was a pain to figure out how to fix it. (the fix was using a different library.)

$ npm install -g webpack
$ npm install
$ webpack --watch

# visit index.html in your browser

$ vi index.js      # change something!

follow "the way", at least at first, see how it works.
- e.g. JSX, 6to5, webpack (JSX is a react thing, 6to5 & webpack are for sanity)
things to try
- build a tiny thingy ("profile badge")
- put it in a list
- sort the list
- filter the list
- make the filter dynamic (optional/difficult)
in the future:
- try out immutable.js & reimplement the above
- try out css-layout and/or styles in js