marpontes/react

react

2018, serious to learn react

2017年，浅尝辄止的学习了一个月的react，对其语法的不适应让自己没有深入学习下去 2018年，认真的学习 react 的全家桶

Lists

	just for learn

按照我以往学习 angular、vue 的经验，首先从一个最经典的 todolist 小项目开始，熟悉基本的语法、数据传递的套路。然后开始使用框架 react-bootstrap、antd、element 接着开始编写带有自己个人特色的 blog，随着页面的增加，开始接触 react-router，同时随着项目业务逻辑的复杂，开始考虑使用 redux 接着，就是考虑如何管理内部文件相互之间的引用/结构最后，另起炉灶根据已掌握的经验，合理安排项目框架，结合前端的node实现前后台统一

todolist demo
blog page demo
admin demo

others

	Hold the Fat Lady bugs will be recorded in my [github blog](www.leeeing.com)

学习总是会遇到各种各样的坑，我会将这一路作为一名新手遇到的坑记录下来，并记录填坑之旅

My load of learning React

起步

1、刚一开始，没有同事熟练使用 react，如何能够快速启动一个项目？ 推荐使用facebook的 create-react-app 脚手架

cnpm i create-react-app -g

create-react app myAppName
cd myAppName
npm start

Weolcome to react's world

2、那就是直接使用 antd-init 这个 ant-design 的脚手架了

2018/1/17

今天开始使用 reat 制作自己的博客了。 todolist 项目使用的是 create-react-app 脚手架凡事都要尝试，blog 的脚手架就使用 dva-cli. 传送门为了不再开一个项目，增加部分重复性的工作，这个 blog 可能一开始就准备有后台的界面先搭建好博客的基本首页和相关信息，然后在首页通过用户名权限增加管理员角色，管理员可以访问后台的界面后台一开始准备仍旧使用 node 的 koa，发现 vue 的博客已经这样使用了。vue-koa：koa + mongodb 这里就打算使用 python + mysql 作为后台的服务提供必要的 API 接口。同时，利用 python 我还可以爬虫抓取数据在博客相关页面显示

1、安装

Success! Created react-blog at E:\Leeing\react\react\react-blog.

Inside that directory, you can run several commands:
  * npm start: Starts the development server.
  * npm run build: Bundles the app into dist for production.
  * npm test: Run test.

We suggest that you begin by typing:
  cd E:\Leeing\react\react\react-blog
  npm start

Happy hacking!

参考文献

要想少走弯路，还得多看文档

react react-router@4 react-bootstrap ant design

marpontes / react