Presentation for UCI HKN

Open Source Project

A blog plugin based on React JS.

Your Motivation

Take the chance to learn React JS and make myself the blog plugin.

Steps You Took

1. learn React JS (obviously)
2. setup npm: dependencies
3. setup Webpack: ReactJS, BabelJS, webpack-dev-server
4. setup Grunt: sass (css preprocessor), uglify (javascript minifior)

Challenges and Obstacles

New syntax for ReactJS (more than JS, more than HTML)

Vulnerable for Cross-site Scripting

Now using: https://facebook.github.io/react/tips/dangerously-set-inner-html.html
Because the output of the contents of a post from Blogger API is purely html......

Results

Main page of the blog

Content page of a post

Future Possibilities

• Integrate with different blog provider: Tumblr, Facebook blog
• Make it more modular