文章 2023-05-17 来自:开发者社区

React系列教程(3)使用React Hooks开发一个增删改查App

豆约翰习惯将掌握某一技术分为5个层次:初窥门径,小试牛刀,渐入佳境,得心应手,玩转自如本篇属于React框架中的第1层次即初窥门径本文翻译自:https://www.taniarascia.com/crud-app-in-react-with-hooks/在React- Hooks中引入了一个新概念。钩子是类的替代方法。如果您以前使用过React,那么您将熟悉简单的(功能性)组件和类组件。简单组....

React系列教程(3)使用React Hooks开发一个增删改查App
文章 2023-05-07 来自:开发者社区

React Core Team 成员开发的「火焰图组件」技术揭秘。

前言最近在业务的开发中,业务方需要我们性能监控平台提供火焰图来展示函数堆栈以及相关的耗时信息。根据 Brendan Gregg 在 FlameGraph[1] 主页中的定义:Flame graphs are a visualization of profiled software, allowing the most frequent code-paths to be identified qu....

React Core Team 成员开发的「火焰图组件」技术揭秘。
文章 2023-02-24 来自:开发者社区

webpack项目篇(六十六):react 全家桶 和 webpack 开发 h5 商城项目的整体思路

说明玩转 webpack 学习笔记商城技术栈选型前端:react 全家桶 + webpack + axios + lib-flexible + slick-carousel后端:koa + mysql + sequelize商城架构设计商城界面 UI 设计React 全家桶环境搭建1、初始化项目npm init -y2、创建项目目录创建 actions、reducers、store 等src/a....

webpack项目篇(六十六):react 全家桶 和 webpack 开发 h5 商城项目的整体思路
文章 2023-01-14 来自:开发者社区

使用react快速开发一个桌面应用(app)

1.前言:本文将会介绍使用react结合electron快速搭建一个桌面客户端。2.原理总结使用electron可以快速生成桌面客户端,而react可以开发我们想要的页面。那么如何将两者结合到一起呢?react在开发时会默认起一个localhost:3000的本地服务,而electron可以读取本地文件或者url,我们只需要让electron读取react的local host:3000这个网址....

使用react快速开发一个桌面应用(app)
文章 2023-01-06 来自:开发者社区

React开发的设计模式及原则

介绍设计模式是对常见的,通用问题的可复用解决方案的归纳总结,通常被认为是解决该类问题的最佳实践,使用设计模式能帮助我们写出更容易维护,更健壮的代码。设计模式有很多,通常它们都会遵循一些共同的设计原则,接下来我们一起回顾下React社区里出现过的一些设计模式,以及它们所遵循的设计原则。一些设计原则单一职责原则(Single-responsibility responsibility) : 每个实体....

React开发的设计模式及原则
文章 2022-12-27 来自:开发者社区

React Native环境配置、初始化项目、打包安装到手机,以及开发小知识

1、前言环境:Win10 + Android已经在Windows电脑上安装好 Node(v14+)、Git、Yarn、JDK(v11)javac -version javac 11.0.15.1 --- node -v v16.14.1 官方文档2、Android Studio下载安装下载地址3、Android SDK 下载安装安装 android sdk3.1、环境变量配置配置系统变量Path....

React Native环境配置、初始化项目、打包安装到手机,以及开发小知识
文章 2022-11-29 来自:开发者社区

【React技术】开发过程中遇到State和生命周期方法在类里面的运用

State创建一个同名的ES6类,并从React.Component继承。添加空渲染()方法。将函数体移动到render()方法中。在render()方法中使用此选项Props替换Props。删除剩余的空函数声明。通过调用ReactDOM Render()来修改我们要渲染的元素:function tick() { const element = ( <div> ...

文章 2022-10-22 来自:开发者社区

Django API 开发:Todo 应用的 React 前端(下)

模拟数据如果您返回到我们的 API 端点,则可以在以下位置的浏览器中看到原始 JSON:http://127.0.0.1:8000/api/?format=json[ { "id":1, "title":"1st todo", "body":"Learn Django properly." }, { "id":2, "title":"S...

Django API 开发:Todo 应用的 React 前端(下)
文章 2022-10-22 来自:开发者社区

Django API 开发:Todo 应用的 React 前端(上)

引言API 的功能在于与其他程序进行通信。 在本文中,我们将通过 React 前端使用上一篇文章中的 Todo API,这样您就可以了解实际中一切如何协同工作。我选择使用 React,因为它是目前最流行的 JavaScript 前端库,但是此处描述的技术也可以与其他任何流行的前端框架一起使用,包括Vue,Angular或Ember。 他们甚至可以与适用于 iOS 或 Android 的移动应用,....

Django API 开发:Todo 应用的 React 前端(上)
文章 2022-10-18 来自:开发者社区

重学React之组件化开发(下)

setState两种参数的区别下面通过一个小案例,来介绍一下他两的区别。点击按钮,多次调用setState方法,然后,看其num增加几。传入一个对象import React from 'react' export default class BtnTest extends React.Component { constructor(props) { super...

重学React之组件化开发(下)

本页面内关键词为智能算法引擎基于机器学习所生成,如有任何问题,可在页面下方点击"联系我们"与我们沟通。