Build a Markdown Previewer


  1. 目标:CodePen.io 上创建一个这样的应用,它的功能类似于这个 http://codepen.io/FreeCodeCamp/full/obYYqW
  2. 规则 #1: 代码是开源的,你可以借鉴,但请不要抄袭。
  3. 规则 #2: 按照这个 用户故事(即用户需求)来进行开发。你可以使用任何你需要的库或框架。写出你自己的风格。
  4. 规则 #3: 你所使用的技术里,必须包含Sass和React。
  5. 用户需求: 我可以在文本域内写“Github风格”的Markdown文档。
  6. 用户需求: 我可以实时预览解析后的Markdown文档。
  7. 线索: 你不必自己实现Markdown的解析引擎,你可以引入这个https://cdnjs.com/libraries/markedMarkdown解析库来帮助你解析文档。
  8. 注意: 如果你想使用React的JSX语法,你需要使用 Babel 作为预处理器。
  9. 当你卡住的时候,记得来这里 Read-Search-Ask 获取可能的帮助。
  10. 当你完成后,点击 "我已经完成了这个挑战" 并且附加一个你的 CodePen 链接。
  11. 你可以在 代码检查群 中分享你的代码,从而获得反馈。你也可以把它分享在微博或其他社交媒体上。

进入下一个挑战 (ctrl + enter)
Help
Bug