2018, serious to learn react
2017年,浅尝辄止的学习了一个月的react,对其语法的不适应让自己没有深入学习下去 2018年,认真的学习 react 的全家桶
just for learn
按照我以往学习 angular
、vue
的经验,首先从一个最经典的 todolist 小项目开始,熟悉基本的语法、数据传递的套路。然后开始使用框架 react-bootstrap
、antd
、element
接着开始编写带有自己个人特色的 blog
,随着页面的增加,开始接触 react-router
,同时随着项目业务逻辑的复杂,开始考虑使用 redux
接着,就是考虑如何管理内部文件相互之间的引用/结构
最后,另起炉灶根据已掌握的经验,合理安排项目框架,结合前端的node实现前后台统一
- todolist demo
- blog page demo
- admin demo
Hold the Fat Lady bugs will be recorded in my [github blog](www.leeeing.com)
学习总是会遇到各种各样的坑,我会将这一路作为一名新手遇到的坑记录下来,并记录填坑之旅
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
的脚手架了
今天开始使用 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!
要想少走弯路,还得多看文档