React入门30天
学习React的必经之路
小李科技
欢迎来到我的博客,一起学习与分享技术,欢迎交流
展开
-
30天入坑React ---------------day30 More Resources
This post is part of the series 30 Days of React. In this series, we're starting from the very basics and walk through everything you need to know to get started with React. If you've ever wanted...翻译 2018-11-12 09:40:59 · 321 阅读 · 0 评论 -
30天入坑React ---------------day29 Continuous Integration
This post is part of the series 30 Days of React. In this series, we're starting from the very basics and walk through everything you need to know to get started with React. If you've ever wanted...翻译 2018-11-09 19:55:34 · 193 阅读 · 0 评论 -
30天入坑React ---------------day28 Deployment Our App
Deployment Edit this page on Github Today, we'll look through some ready-to-go options so we can get our site up and running. By the end of today, you'll be able to share a link to your running appl...翻译 2018-11-09 19:46:23 · 196 阅读 · 0 评论 -
30天入坑React ---------------day27 Deployment Introduction
This post is part of the series 30 Days of React. In this series, we're starting from the very basics and walk through everything you need to know to get started with React. If you've ever wanted...翻译 2018-11-09 18:02:58 · 360 阅读 · 0 评论 -
30天入坑React ---------------day26 Integration Testing
This post is part of the series 30 Days of React. In this series, we're starting from the very basics and walk through everything you need to know to get started with React. If you've ever wanted ...翻译 2018-11-09 18:01:08 · 268 阅读 · 0 评论 -
30天入坑React ---------------day25 Testing with Enzyme
This post is part of the series 30 Days of React. In this series, we're starting from the very basics and walk through everything you need to know to get started with React. If you've ever wanted...翻译 2018-11-09 17:52:15 · 299 阅读 · 0 评论 -
30天入坑React ---------------day24 Testing the App
This post is part of the series 30 Days of React. In this series, we're starting from the very basics and walk through everything you need to know to get started with React. If you've ever wanted...翻译 2018-11-09 17:10:45 · 189 阅读 · 0 评论 -
30天入坑React ---------------day23 Implementing Tests
This post is part of the series 30 Days of React. In this series, we're starting from the very basics and walk through everything you need to know to get started with React. If you've ever wanted...翻译 2018-11-09 15:51:55 · 188 阅读 · 0 评论 -
30天入坑React ---------------day22 Introduction to Testing
This post is part of the series 30 Days of React. In this series, we're starting from the very basics and walk through everything you need to know to get started with React. If you've ever wanted...翻译 2018-11-09 15:37:45 · 185 阅读 · 0 评论 -
30天入坑React ---------------day21 Redux MiddleWare
这篇文章是30天React系列的一部分 。 在本系列中,我们将从非常基础开始,逐步了解您需要了解的所有内容,以便开始使用React。如果您曾经想学习React,那么这里就是您的最佳选择! 下载免费的PDF Redux Middleware(Redux中间件) 在Github上编辑此页面 我的实例 https://codesandbox.io/s/wwyjpm82j8 ...翻译 2018-11-09 14:02:02 · 223 阅读 · 0 评论 -
30天入坑React ---------------day20 Live - Updating Redux
这篇文章是30天React系列的一部分 。 在本系列中,我们将从非常基础开始,逐步了解您需要了解的所有内容,以便开始使用React。如果您曾经想学习React,那么这里就是您的最佳选择! 下载免费的PDF Redux actions (Redux动作) 在Github上编辑此页面 在线演示 GitHub:https://github.com/lenvo222/Redux_...翻译 2018-10-24 11:48:45 · 208 阅读 · 0 评论 -
30天入坑React ---------------day19 Redux
这篇文章是30天React系列的一部分 。 在本系列中,我们将从非常基础开始,逐步了解您需要了解的所有内容,以便开始使用React。如果您曾经想学习React,那么这里就是您的最佳选择! 下载免费的PDF 使用Redux进行数据管理 在Github上编辑此页面 完整代码演示 在线演示 :我的示例 GitHub: https://github.com/lenv...翻译 2018-10-24 08:42:07 · 190 阅读 · 0 评论 -
30天入坑React ---------------day18 Intro To Flux
这篇文章是30天React系列的一部分 。 在本系列中,我们将从非常基础开始,逐步了解您需要了解的所有内容,以便开始使用React。如果您曾经想学习React,那么这里就是您的最佳选择! 下载免费的PDF Flux简介 在Github上编辑此页面 处理客户端应用程序内的数据是一项复杂的任务。今天我们正在研究一种处理Facebook提出的称为Flux Architecture的...翻译 2018-10-23 19:00:15 · 161 阅读 · 0 评论 -
30天入坑React ---------------day17 Client-Side-Routing
这篇文章是30天React系列的一部分 。 在本系列中,我们将从非常基础开始,逐步了解您需要了解的所有内容,以便开始使用React。如果您曾经想学习React,那么这里就是您的最佳选择! 下载免费的PDF 客户端路由 在Github上编辑此页面 大多数(如果不是全部)应用程序在我们的单页应用程序中都有多个视图。让我们直接使用React Router为我们的应用程序创建多个视图...翻译 2018-10-23 18:20:55 · 310 阅读 · 0 评论 -
30天入坑React ---------------day16 Remote Data
这篇文章是30天React系列的一部分 。 在本系列中,我们将从非常基础开始,逐步了解您需要了解的所有内容,以便开始使用React。如果您曾经想学习React,那么这里就是您的最佳选择! 下载免费的PDF 显示远程数据 用到Promise 注意函数绑定 在Github上编辑此页面 我们的前端应用程序与我们在其中显示的数据一样有趣。今天,我们实际上开始提出数据请求并将其...翻译 2018-10-23 16:00:10 · 229 阅读 · 0 评论 -
30天入坑React ---------------day15 Promises
这篇文章是30天React系列的一部分 。 在本系列中,我们将从非常基础开始,逐步了解您需要了解的所有内容,以便开始使用React。如果您曾经想学习React,那么这里就是您的最佳选择! 下载免费的PDF promise(承诺)简介 在Github上编辑此页面 今天,我们将看一下从高层次了解Promise需要了解的内容,因此我们可以使用这个非常有用的概念构建我们的应用程序。 ...翻译 2018-10-23 15:17:07 · 197 阅读 · 0 评论 -
30天入坑React ---------------day14 Intro To Apis
这篇文章是30天React系列的一部分 。 在本系列中,我们将从非常基础开始,逐步了解您需要了解的所有内容,以便开始使用React。如果您曾经想学习React,那么这里就是您的最佳选择! 下载免费的PDF 获取远程数据 在Github上编辑此页面 我们准备提出外部请求来获取数据!今天我们正在研究调用外部API的第一步。 我们的应用程序在此之前基本上是静态的。即使我们从Git...翻译 2018-10-23 14:56:10 · 148 阅读 · 0 评论 -
30天入坑React ---------------day13 Repeating Elements(React.Children.map())
使用React.Children.map()函数 const App = (props) => { return ( <ul> {a.map(i => { return <li key={i}>{i}</li> })} </ul> ) } 使用...翻译 2018-10-23 14:53:11 · 352 阅读 · 0 评论 -
30天入坑React ---------------day12 Create-React-App
这篇文章是30天React系列的一部分 。 在本系列中,我们将从非常基础开始,逐步了解您需要了解的所有内容,以便开始使用React。如果您曾经想学习React,那么这里就是您的最佳选择! 下载免费的PDF CREATE-反应应用 在Github上编辑此页面 今天,我们将添加一个构建过程来存储常见的构建操作,以便我们可以轻松地开发和部署我们的应用程序。 React团队注意到需要...翻译 2018-10-23 13:02:23 · 212 阅读 · 0 评论 -
30天入坑React ---------------day11 Pure Components
这篇文章是30天React系列的一部分 。 在本系列中,我们将从非常基础开始,逐步了解您需要了解的所有内容,以便开始使用React。如果您曾经想学习React,那么这里就是您的最佳选择! 下载免费的PDF 纯组件 在Github上编辑此页面 React提供了几种创建组件的方法。今天我们将讨论创建组件的最终方法,即无状态纯组件的功能。 我们已经研究了构建反应组件的几种不同方法...翻译 2018-10-23 12:29:41 · 186 阅读 · 0 评论 -
30天入坑React ---------------day10 Interactivity
这篇文章是30天React系列的一部分 。 在本系列中,我们将从非常基础开始,逐步了解您需要了解的所有内容,以便开始使用React。如果您曾经想学习React,那么这里就是您的最佳选择! 下载免费的PDF 互动 在Github上编辑此页面 今天,我们将介绍如何为我们的应用程序添加交互性,使其具有吸引力和动态性。 通过这一点,我们构建了少数几个组件,而没有增加太多的用户交互。...翻译 2018-10-23 11:12:00 · 203 阅读 · 0 评论 -
30天入坑React ---------------day09 Style
这篇文章是30天React系列的一部分 。 在本系列中,我们将从非常基础开始,逐步了解您需要了解的所有内容,以便开始使用React。如果您曾经想学习React,那么这里就是您的最佳选择! 下载免费的PDF 样式 在Github上编辑此页面 没有风格,没有应用是完整的。我们将看看我们可以用来设计组件样式的不同方法,从传统的CSS到内联样式。 通过这一点,除了将Cascadin...翻译 2018-10-15 17:29:22 · 250 阅读 · 0 评论 -
30天入坑React ---------------day08 PropTypes
这篇文章是30天React系列的一部分 。 在本系列中,我们将从非常基础开始,逐步了解您需要了解的所有内容,以便开始使用React。如果您曾经想学习React,那么这里就是您的最佳选择! 下载免费的PDF 使用它来定义组件的prop应该是什么类型。我们可以使用propTypesES6类风格的React prop中的方法来定义它们: 作用:如果不按照规定的类型写,浏览器会爆出警告...翻译 2018-10-15 14:11:03 · 232 阅读 · 0 评论 -
30天入坑React ---------------day07 Lifecycle Hooks
这篇文章是30天React系列的一部分 。 在本系列中,我们将从非常基础开始,逐步了解您需要了解的所有内容,以便开始使用React。如果您曾经想学习React,那么这里就是您的最佳选择! 下载免费的PDF 生命周期钩子 在Github上编辑此页面 今天,我们将介绍一些我们可以与React组件一起使用的最常见的生命周期钩子,我们将讨论它们为什么有用以及何时应该使用它们。 恭喜...翻译 2018-10-15 12:57:14 · 387 阅读 · 4 评论 -
30天入坑React ---------------day06 State
这篇文章是30天React系列的一部分 。 在本系列中,我们将从非常基础开始,逐步了解您需要了解的所有内容,以便开始使用React。如果您曾经想学习React,那么这里就是您的最佳选择! 下载免费的PDF State 在Github上编辑此页面 今天我们开始研究有状态组件在React中的工作方式,并了解我们何时以及为何使用状态。 我们几乎完成了在React上运行的第一周。我...翻译 2018-10-11 13:22:28 · 263 阅读 · 0 评论 -
30天入坑React ---------------day05 Data-Driven
这篇文章是30天React系列的一部分 。 在本系列中,我们将从非常基础开始,逐步了解您需要了解的所有内容,以便开始使用React。如果您曾经想学习React,那么这里就是您的最佳选择! 下载免费的PDF 数据驱动 在Github上编辑此页面 我们的应用程序中的硬编码数据并不完全理想。今天,我们将我们的组件设置为由数据驱动,以便访问外部数据。 通过这一点,我们编写了第一个组...翻译 2018-10-10 23:05:23 · 249 阅读 · 0 评论 -
30天入坑React ---------------day04 Complex Components
这篇文章是30天React系列的一部分 。 在本系列中,我们将从非常基础开始,逐步了解您需要了解的所有内容,以便开始使用React。如果您曾经想学习React,那么这里就是您的最佳选择! 下载免费的PDF 复杂组件 在Github上编辑此页面 太棒了,我们已经建立了我们的第一个组件。现在让我们有点发烧友,开始构建一个更复杂的界面。 在30天React的前一节中,我们开始构建...翻译 2018-10-10 16:16:39 · 283 阅读 · 0 评论 -
30天入坑React ---------------day03 Our First Components
这篇文章是30天React系列的一部分 。 在本系列中,我们将从非常基础开始,逐步了解您需要了解的所有内容,以便开始使用React。如果您曾经想学习React,那么这里就是您的最佳选择! 下载免费的PDF 我们的第一个组件 在Github上编辑此页面 本系列的前两篇文章讨论很重。在今天的会议中,让我们深入研究一些代码并编写我们的第一个React应用程序。 让我们重温一下我们在...翻译 2018-10-10 15:16:18 · 270 阅读 · 0 评论 -
30天入坑React ---------------day02 What is JSX?
这篇文章是30天React系列的一部分 。 在本系列中,我们将从非常基础开始,逐步了解您需要了解的所有内容,以便开始使用React。如果您曾经想学习React,那么这里就是您的最佳选择! 下载免费的PDF 什么是JSX? 在Github上编辑此页面 现在我们知道了React是什么,让我们来看看本系列其余部分将会出现的一些术语和概念。 在我们之前的文章中,我们研究了React...翻译 2018-10-10 14:30:02 · 317 阅读 · 0 评论 -
30天入坑React ---------------day01 What is React?
这篇文章是30天React系列的一部分 。 在本系列中,我们将从非常基础开始,逐步了解您需要了解的所有内容,以便开始使用React。如果您曾经想学习React,那么这里就是您的最佳选择! 下载免费的PDF 什么是React? 在Github上编辑此页面 今天,我们从一开始就开始了。让我们来看看React是什么以及它是什么让它打勾。我们将讨论为什么要使用它。 在接下来的30天内,...翻译 2018-10-10 14:04:14 · 300 阅读 · 0 评论