本文是学习了2018年新鲜出炉的React Hooks提案之后,针对 异步请求数据写的一个案例。注意,本文假设了: 1.你已经初步了解 hooks的含义了,如果不了解还请移步 官方文档。(其实有过翻译的想法,不过印记中文…
分类:react.js
使用 React 制作一个模态框
使用 React 制作一个模态框 模态框是一个常见的组件,下面让我们使用 React 实现一个现代化的模态框吧。 组件设计 模态框想必大家都很熟悉,是工作中常用的组件,可以让我们填写或展示一些信息而不必打开一个新页面。在…
React学习之Redux高阶运用
在Redux架构中,reducer是一个纯函数,它的职责是根据previousState和action计算出新的state。在复杂应用中,Redux提供的combineReducers让我们可以把顶层的reducer拆分…
ReactJS新闻 #24 Twitter Lite与高性能React渐进式网站应用于规模化
新闻 Twitter Lite与高性能React渐进式网站应用于规模化 Twitter(推特)对外发表了新的手机专用网站 – Twitter Lite网站,这个网站使用了React与PWA的多项技术,在开发者…
【全栈React】第30天: 总结和更多的资源
本文转载自:众成翻译译者:iOSDevLog链接:http://www.zcfy.cc/article/3800原文:https://www.fullstackreact.com/30-days-of-react/day…
把现有的typesctipt+react项目接入到electron
项目地址 ts-react-electron 之前有发过一个typesctipt+react的简单模板,写起来很舒服.考虑到以后的需要,先把它接入到electron,供备用! 先来讲一下一些差异点: webpack配置t…
React 教程第二篇—— 组件定义
组件 组件使你可以将 UI 划分为一个一个独立,可复用的小部件,并可以对每个部件进行单独的设计。 在单页面应用(SPA)中扮演着重要角色 组件简单实现 —— 函数式组件 import React from 'react'…
Redux-ORM理解之实现Todo List
Redux-ORM理解之实现Todo List 一、概念 redux-orm及其作用: redux-orm主要是用来管理我们的state数据,当一个项目比较大,逻辑结构比较复杂,每个数据之间都有联系,此时便需要将这些st…
初识React(2):什么是JSX?
前言 在react中,我们的页面内容就是通过JSX来编写,那么JSX到底是什么呢?JSX其实就是JavaScript对象,会构建创建一个js对象来描述HTML结构的信息。这里要记住JSX是js的一种扩展语言,类似HTML…
简单梳理Redux的源码与运行机制
欢迎访问个人网站:https://www.neroht.com/ 前言 前几天写了一篇react另一个状态管理工具Unstated的源码解析。开启了我的看源码之路。想一想用了好长时间的redux,但从没有深究过原理,遇到…
创建react应用(3)
引入依赖 yarn add -D webpack-dev-server 在package.json中加入启动命令 加在scripts里。 "scripts": { "build:dev": "webpack --conf…
基于react-native & antd-mobile进行三端开发
要做移动端应用,同时要适配ios、android和微信。搜索、试验、思考…几天内进行了好几轮,最终决定采用react-native & antd-mobile来实现我们的目的。 思路&选择 在…