美文网首页
webpack学习记录04

webpack学习记录04

作者: 33d8e4ec2cc9 | 来源:发表于2017-07-11 09:31 被阅读20次

一周之内掌握react开发web

以下是我自己的学习记录,可以供大家参考一下

1.先过一遍react的基本语法
http://www.ruanyifeng.com/blog/2015/03/react.html

2.找react的中文社区http://react-china.org 里面一般会有类似于一步一步教你搭建一个什么什么的,比如http://react-china.org/t/react-spa/11730 不过不需要跟着学完,因为基本上跟着学到一半的时候就看不下去了,因为你发现你对webpack一无所知。

3.所以你需要稍微看一点webpack的相关知识https://github.com/ruanyf/webpack-demos ,跟着这个过一遍,能掌握一些webpack的最基本的知识。

4.这时你就可以自己开始搭建一个开发环境了,至于nodejs环境之类我就不多说了,但是你会发现你前面看的react的语法已经基本忘光了,所以你需要再回去看一遍react的语法http://www.ruanyifeng.com/blog/2015/03/react.html

5.这时你就可以开始着手开发你的demo了,我建议是先写一个没什么逻辑的demo,做一个首页,一个顶部菜单栏Navbar,一个轮播图Carousel,用react-bootstrap https://react-bootstrap.github.io/components.html ,虽然比较简单,但是对你熟悉react的语法是有好处的。

6.再写一个demo, 带分页,搜索,列表和详情的一个demo,你可能需要看一下react-route http://www.ruanyifeng.com/blog/2016/05/react_router.html ,以及一些分页的插件 http://react-component.github.io/pagination/ ,开发的中间你一定会碰到很多问题,不过这时候你应该已经具备查资料的能力了。

相关文章

  • webpack学习记录04

    一周之内掌握react开发web 以下是我自己的学习记录,可以供大家参考一下 1.先过一遍react的基本语法ht...

  • 初探webpack小记

    webpack学习记录 安装webpack 全局安装webpack:npm install webpack -g之...

  • 前端工程化之webpack学习记录

    本文是本人正式开始学习webpack的记录文档,时间:2020-05-16,webpack版本:"webpack"...

  • 使用webpack搭建基于TypeScript的node开发环境

    原文地址:https://marxjiao.com/2018/04/10/node-webpack/ 正在学习no...

  • webpack学习记录

    学习链接: https://doc.webpack-china.org/concepts/webpack处理css...

  • 学习webpack记录

    现在在用JavaScript练习算法题,用到大量ES6语法特性,在补充ES6语言基础的同时,实在觉得nodejs内...

  • webpack学习记录

    先从看文档开始学习,认识,学习的是webpack v4.41.0传送门:https://www.webpackjs...

  • Webpack学习记录

    注:“_dirname”是node.js的一个全局变量,指向当前执行脚本所在的目录。 几个核心概念。 Entry:...

  • 2018-06-17 webpack—js打包

    记录webpack打包学习 我现在跟着视频教程学习webpack基础打包,在最开始就遇到了问题,首先教程webpa...

  • webpack学习记录(起步)

    学习的首要在于形成闭环,所以虽然只是很累赘的复述,但也请认真对待吧~ webpack用于打包编译js模块,这样说很...

网友评论

      本文标题:webpack学习记录04

      本文链接:https://www.haomeiwen.com/subject/nxyphxtx.html