扫码关注官方订阅号
网上看到很多都是概念性讲解,昨天和今天把阮一峰老师那个教程所有代码都敲了一遍,想问下大家都怎么学react.js的,有没有适合新手入门学习的项目练习。本人js基础一般般,想找些react.js的项目练练手,求指点,有什么好的学习意见也可以提,谢谢!
learn react可以看看里面罗列的链接!
看视频——极客学院
google搜codepen,然后在里面找react的demo,绝对好用,不用下什么乱七八糟的依赖包,代码拷到html文件里打开就能开撸了,或者直接下载打包后的压缩包
新手做练习话可以先跟着官方文档走一边,里面就有好些练习的内容,然后再接触诸如redux,react-router等react全家桶,还是跟着文档走。总的来说跟着官方文档走一遍绝对没错的。
练习项目的话在github里搜索如react-boilerplate、react-startkit、react-demo等看看别人怎么写的。
react-boilerplate
react-startkit
react-demo
然后自己可以写个简单练习如todo。
强烈推荐这篇国外的react教程(分为3部分,需要一点react基础),Leveling Up With React,真的讲得很棒啊!
阮老师的博客 写的不错 很实用 看完就能做react入门实例教程
网上有很多关于 React.js 的学习资料。我也是从开始一直学过来的。后来自己整理了下学习过程,写了一本 React.js 小书。适合新手入门,也欢迎对 React.js 小书提意见,帮助小书改善。完全开源免费,放心地看!。React.js 小书。一共分了三个阶段,目前前两阶段已经写完了。正在写第三阶段。
第一个阶段
Lesson 1 - React.js 简介
Lesson 2 - 前端组件化(一):从一个简单的例子讲起
Lesson 3 - 前端组件化(二):优化 DOM 操作
Lesson 4 - 前端组件化(三):抽象出公共组件类
Lesson 5 - React.js 基本环境安装
Lesson 6 - 使用 JSX 描述 UI 信息
Lesson 7 - 组件的 render 方法
Lesson 8 - 组件的组合、嵌套和组件树
Lesson 9 - 事件监听
Lesson 10 - 组件的 state 和 setState
Lesson 11 - 配置组件的 props
Lesson 12 - state vs props
Lesson 13 - 渲染列表数据
Lesson 14 - 实战分析:评论功能(一)
Lesson 15 - 实战分析:评论功能(二)
Lesson 16 - 实战分析:评论功能(三)
第二个阶段
Lesson 17 - 前端应用状态管理 —— 状态提升
Lesson 18 - 挂载阶段的组件生命周期(一)
Lesson 19 - 挂载阶段的组件生命周期(二)
Lesson 20 - 更新阶段的组件生命周期
Lesson 21 - ref 和 React.js 中的 DOM 操作
Lesson 22 - props.children 和容器类组件
Lesson 23 - dangerouslySetHTML 和 style 属性
Lesson 24 - PropTypes 和组件参数验证
Lesson 25 - 实战分析:评论功能(四)
Lesson 26 - 实战分析:评论功能(五)
Lesson 27 - 实战分析:评论功能(六)
说一下我学习React的见解,
首先 官网上的那些鸟语,不是一般人能看得了的。不得不说的是,网上相当一部分教程都没法看,充满了装X的语调。学React之前,最好把ES6给熟悉了。
可以看看阮一峰的文章,segmentfault上有些低调大神写的文章,博客园一些大神写的文章,接地气,跟着敲几遍Demo没毛病
React教程中文网
微信扫码关注PHP中文网服务号
QQ扫码加入技术交流群
Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
PHP学习
技术支持
返回顶部
learn react
可以看看里面罗列的链接!
看视频——极客学院
google搜codepen,然后在里面找react的demo,绝对好用,不用下什么乱七八糟的依赖包,代码拷到html文件里打开就能开撸了,或者直接下载打包后的压缩包
新手做练习话可以先跟着官方文档走一边,里面就有好些练习的内容,然后再接触诸如redux,react-router等react全家桶,还是跟着文档走。总的来说跟着官方文档走一遍绝对没错的。
练习项目的话在github里搜索如
react-boilerplate、react-startkit、react-demo等看看别人怎么写的。然后自己可以写个简单练习如todo。
强烈推荐这篇国外的react教程(分为3部分,需要一点react基础),Leveling Up With React,真的讲得很棒啊!
阮老师的博客 写的不错 很实用 看完就能做react入门实例教程
网上有很多关于 React.js 的学习资料。我也是从开始一直学过来的。后来自己整理了下学习过程,写了一本 React.js 小书。适合新手入门,也欢迎对 React.js 小书提意见,帮助小书改善。完全开源免费,放心地看!。
React.js 小书。一共分了三个阶段,目前前两阶段已经写完了。正在写第三阶段。
第一个阶段
Lesson 1 - React.js 简介
Lesson 2 - 前端组件化(一):从一个简单的例子讲起
Lesson 3 - 前端组件化(二):优化 DOM 操作
Lesson 4 - 前端组件化(三):抽象出公共组件类
Lesson 5 - React.js 基本环境安装
Lesson 6 - 使用 JSX 描述 UI 信息
Lesson 7 - 组件的 render 方法
Lesson 8 - 组件的组合、嵌套和组件树
Lesson 9 - 事件监听
Lesson 10 - 组件的 state 和 setState
Lesson 11 - 配置组件的 props
Lesson 12 - state vs props
Lesson 13 - 渲染列表数据
Lesson 14 - 实战分析:评论功能(一)
Lesson 15 - 实战分析:评论功能(二)
Lesson 16 - 实战分析:评论功能(三)
第二个阶段
Lesson 17 - 前端应用状态管理 —— 状态提升
Lesson 18 - 挂载阶段的组件生命周期(一)
Lesson 19 - 挂载阶段的组件生命周期(二)
Lesson 20 - 更新阶段的组件生命周期
Lesson 21 - ref 和 React.js 中的 DOM 操作
Lesson 22 - props.children 和容器类组件
Lesson 23 - dangerouslySetHTML 和 style 属性
Lesson 24 - PropTypes 和组件参数验证
Lesson 25 - 实战分析:评论功能(四)
Lesson 26 - 实战分析:评论功能(五)
Lesson 27 - 实战分析:评论功能(六)
说一下我学习React的见解,
首先 官网上的那些鸟语,不是一般人能看得了的。不得不说的是,网上相当一部分教程都没法看,充满了装X的语调。
学React之前,最好把ES6给熟悉了。
可以看看阮一峰的文章,segmentfault上有些低调大神写的文章,博客园一些大神写的文章,接地气,跟着敲几遍Demo没毛病
React教程中文网