React
文章平均质量分 67
小李科技
欢迎来到我的博客,一起学习与分享技术,欢迎交流
展开
-
Redux进阶导航贴
redux进阶之路导航贴原创 2021-12-26 21:10:52 · 291 阅读 · 3 评论 -
二. redux 学习进阶---React + Redux
React + Redux 之间关系, 已经如何进行组合状态管理原创 2021-12-26 20:59:46 · 533 阅读 · 3 评论 -
一. redux 学习进阶---Redux核心
分享redux核心进阶概念原创 2021-12-24 23:54:19 · 736 阅读 · 2 评论 -
React快速开发迷你记账簿------ day 09 删除 Record
day 09 删除 Record本节目标:实现删除操作1.设置监听函数,发送请求,删除记录2.更新表单1.设置监听函数参考网址,仿照方法:https://cn.redux.js.org/docs/react-redux/api.htmlsrc\components\Records.js:deleteRecord(){ // console.log(record,"1"...原创 2018-10-30 15:29:22 · 300 阅读 · 0 评论 -
day 10 完结 ,增加统计金额
day 10 完结 ,增加统计金额本节目标:增加统计金额1.画页面src\components\AmountBox.js:import React from "react";/* 内插变量*/const AmountBox = ({ text ,type}) => { return ( <div className="col">原创 2018-10-31 08:51:40 · 143 阅读 · 0 评论 -
React(图解)-------------------基础常用的代码段
参考网址:https://blog.csdn.net/tengxy_cloud/article/details/52909361原创 2018-11-09 11:16:27 · 466 阅读 · 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 · 174 阅读 · 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 · 180 阅读 · 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 · 175 阅读 · 0 评论 -
React快速开发迷你记账簿------day08 day 08 更新 Record
day 08 更新 Record本节目标:实现更新,编辑操作1.显示Edit Delete按钮src\components\Record.js:import React, { Component } from "react";import PropTypes from "prop-types"; //添加这一行导入静态检查的库export default class Reco...原创 2018-10-30 15:25:55 · 416 阅读 · 0 评论 -
React快速开发迷你记账簿------day07 发送api请求 创建record
src/components/RecordForm.js使用mr -1更改间距(bootstrap 语法) ...render() { return ( <form className = "form-inline mb-3"> <div className = "form-group mr-1" >...原创 2018-10-30 15:25:06 · 357 阅读 · 0 评论 -
React快速开发迷你记账簿------day05 静态类型的检查和改造
day 05 静态类型的检查和改造本节目标:学会使用静态类型检查语法为了保证获取到数据类型的正确性,应该进行静态类型(int 型 or float型)的检查在Record.js文件中导入PropTypes库(这是个静态检查的库)import React, { Component } from 'react'import PropTypes from 'prop-types' //添加...原创 2018-10-30 15:15:05 · 222 阅读 · 0 评论 -
React快速开发迷你记账簿------day04 使用axios 请求 API 数据
day 04 使用jquery或axios请求api使用axios 请求api安装axios库npm install axios导入axios库import axios from 'axios';将上一节的生命周期方法的getJSON 更改为axios.get错误请求error更改为 catch方法 componentDidMount() { ax...原创 2018-10-30 15:04:09 · 175 阅读 · 0 评论 -
React快速开发迷你记账簿------day03 前端模拟 API 数据的两种方式
https://www.rails365.net/movies/react-ji-chu-shi-jian-pian-xiao-xing-cai-wu-xi-tong-3-qian-duan-mo-ni-api-shu-ju-de-liang-zhong-fang-shihttp://www.mockapi.io/https://github.com/typicode/json-server...转载 2018-10-30 15:02:02 · 183 阅读 · 0 评论 -
React快速开发迷你记账簿------day02 实现 records 列表页
src/components/Records.jsimport React, { Component } from 'react';import Record from './Record';class Records extends Component { constructor() { super(); this.state = { records: [...原创 2018-10-30 15:00:17 · 182 阅读 · 0 评论 -
React快速开发迷你记账簿------day01简介
React快速开发迷你记账簿------day01简介做出一个小型的记账本,效果如下https://github.com/lenvo222/10_finish.git原创 2018-10-30 14:57:28 · 309 阅读 · 0 评论 -
React快速开发迷你记账簿 (代码及使用)
完整项目代码https://github.com/lenvo222/10_finish.gitday 01 简介 (这里是项目的简介,没有代码)day 04 使用jquery或axios请求apihttps://github.com/lenvo222/04_User_jquery_axios.git day 05 静态类型的检查和改造https://gi...原创 2018-10-30 14:50:44 · 586 阅读 · 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 · 270 阅读 · 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 · 242 阅读 · 0 评论 -
【译】React的8种条件渲染方法
本文是译者第一次做完整的全篇翻译,主要目的是学习一下这类文章的写作风格,所以挑了一篇相对入门、由浅入深的文章,全篇采用直译,即使有时候觉得作者挺啰嗦的,也依然翻译了原文内容。原文地址:8 React conditional rendering methods相较于Javascript,JSX是一个很好的扩展,它允许我们定义UI组件。但是,它不提供条件、循环表达式的原生支持(增加条件表达...转载 2018-12-28 18:01:28 · 1034 阅读 · 1 评论 -
对React children 的深入理解
对React children 的深入理解原文链接React的核心为组件。你可以像嵌套HTML标签一样嵌套使用这些组件,这使得编写JSX更加容易因为它类似于标记语言。当我刚开始学习React时,当时我认为“使用 props.children 就这么回事,我知道它的一切”。我错了。。因为我们使用的事JavaScript,我们会改变children。我们能够给它们发送特殊的属性,以此来...转载 2018-11-16 19:52:38 · 631 阅读 · 0 评论 -
Fullstack React: ES6 modules, Webpack, and you
Hey Friend, it's Anthony from Fullstack React. When we first start writing React code, we got our ap...原创 2018-11-08 20:27:54 · 169 阅读 · 0 评论 -
常见的js算法面试题收集,es6实现
常见的js算法面试题收集,es6实现1、js 统计一个字符串出现频率最高的字母/数字let str = 'asdfghjklaqwertyuiopiaia';const strChar = str => { let string = [...str], maxValue = '', obj = {}, max = 0; ...转载 2018-11-13 23:23:26 · 621 阅读 · 0 评论 -
Fullstack React: GraphQL is fantastic. Here's how to write aGraphQL server
Hey Friend, it's Nate from Fullstack React. I love GraphQL and have found the client experience to be extremely pleasant. GraphQL is a wonderful data query langua...转载 2018-11-07 13:44:50 · 208 阅读 · 0 评论 -
Unit testing in React - deploy to production with confidence
Hey Friend, it's Anthony from Fullstack React. Testing user interfaces can be daunting. Thankfully, in React we have tooling that makes it easy. Today we're going...转载 2018-11-07 13:41:59 · 193 阅读 · 0 评论 -
React快速开发迷你记账簿------day06 创建表单
day 06 创建表单本节目标:实现这个表单Records.js文件添加如下代码 ... render(){ const { error, isLoaded, records } = this.state; let recordsComponents;//添加组件 if (error) { recordsComponents...原创 2018-11-12 09:40:26 · 247 阅读 · 0 评论 -
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 · 293 阅读 · 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 · 182 阅读 · 0 评论 -
30天入坑React ---------------day28 Deployment Our App
DeploymentEdit this page on GithubToday, 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 · 163 阅读 · 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 · 349 阅读 · 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 · 200 阅读 · 0 评论 -
30天入坑React ---------------day20 Live - Updating Redux
这篇文章是30天React系列的一部分 。在本系列中,我们将从非常基础开始,逐步了解您需要了解的所有内容,以便开始使用React。如果您曾经想学习React,那么这里就是您的最佳选择!下载免费的PDFRedux actions (Redux动作)在Github上编辑此页面 在线演示GitHub:https://github.com/lenvo222/Redux_...翻译 2018-10-24 11:48:45 · 181 阅读 · 0 评论 -
前端学习路线
原创 2018-10-14 12:41:54 · 103 阅读 · 0 评论 -
30天入坑React ---------------day03 Our First Components
这篇文章是30天React系列的一部分 。在本系列中,我们将从非常基础开始,逐步了解您需要了解的所有内容,以便开始使用React。如果您曾经想学习React,那么这里就是您的最佳选择!下载免费的PDF我们的第一个组件在Github上编辑此页面本系列的前两篇文章讨论很重。在今天的会议中,让我们深入研究一些代码并编写我们的第一个React应用程序。让我们重温一下我们在...翻译 2018-10-10 15:16:18 · 260 阅读 · 0 评论 -
前端入坑(二)--------react(react 动态组件和重复使用 )
Hey there, Quick Recap: yesterday we got a React app onto the screen, talked a bit about how JSX works a lot like HTML, and did a few tiny exercises. If you didn't go through ...转载 2018-10-10 10:11:42 · 1228 阅读 · 0 评论 -
30天入坑React ---------------day02 What is JSX?
这篇文章是30天React系列的一部分 。在本系列中,我们将从非常基础开始,逐步了解您需要了解的所有内容,以便开始使用React。如果您曾经想学习React,那么这里就是您的最佳选择!下载免费的PDF什么是JSX?在Github上编辑此页面现在我们知道了React是什么,让我们来看看本系列其余部分将会出现的一些术语和概念。在我们之前的文章中,我们研究了React...翻译 2018-10-10 14:30:02 · 291 阅读 · 0 评论 -
30天入坑React ---------------day01 What is React?
这篇文章是30天React系列的一部分 。在本系列中,我们将从非常基础开始,逐步了解您需要了解的所有内容,以便开始使用React。如果您曾经想学习React,那么这里就是您的最佳选择!下载免费的PDF什么是React?在Github上编辑此页面今天,我们从一开始就开始了。让我们来看看React是什么以及它是什么让它打勾。我们将讨论为什么要使用它。在接下来的30天内,...翻译 2018-10-10 14:04:14 · 293 阅读 · 0 评论 -
React 初学者教程13:用 React 创建一个简单的 Todo List
本文转载自:众成翻译 译者:网络埋伏纪事 链接:http://www.zcfy.cc/article/1554 原文:https://www.kirupa.com/react/simple_todo_app_react.htm概述:通过学习如何创建经典的 Todo List 应用,将所有学过的 React 技巧投入到实战中。如果说创建 “Hello, World!” 示例是庆祝你开始涉...转载 2018-10-18 19:57:46 · 481 阅读 · 0 评论 -
30天入坑React ---------------day09 Style
这篇文章是30天React系列的一部分 。在本系列中,我们将从非常基础开始,逐步了解您需要了解的所有内容,以便开始使用React。如果您曾经想学习React,那么这里就是您的最佳选择!下载免费的PDF样式在Github上编辑此页面没有风格,没有应用是完整的。我们将看看我们可以用来设计组件样式的不同方法,从传统的CSS到内联样式。通过这一点,除了将Cascadin...翻译 2018-10-15 17:29:22 · 217 阅读 · 0 评论 -
React经典入门代码
React经典入门代码import ReactDOM ,{c} from 'react-dom'; //{c}是属性, 相当于xxx.cconst { name, age } = props; //ES6 //解构是对象的选择赋值理解:export第一个import React from 'react';import ReactDOM from 'react-dom'...原创 2018-10-15 16:23:54 · 4475 阅读 · 0 评论