1、React脚手架 什么是脚手架？？？ 用来帮助程序员快速创建一个基于React库的模板项目 1) 包含了所有需要的配置（语法检查、jsx编译、devServer…） 2) 下载好了所有相关的依赖 3) 可以直接运行一个简单效果 4) 项目的整体技术架构为: react + webpack + e ...
转载
2021-09-07 10:55:00
165阅读
2评论
React Native是基于React js设计的。 参考：《React 入门实例教程》 React 起源于 Facebook 的内部项目，因为该公司对市场上所有 JavaScript MVC 框架，都不满意，就决定自己写一套，用来架设 Instagram 的网站。做出来以后，发现这套东西很好用，
转载
2017-08-08 12:52:00
221阅读
2评论
样式请自己定义哦~需要其他功能请自行添加！ // 组件调用 <Audio src={src地址} id={srcID}/> audio属性 src 歌曲的路径 preload 是否在页面加载后立即加载（设置autoplay后无效） controls 显示audio自带的播放控件 loop 音频循环
转载
2020-05-19 10:16:00
530阅读
2评论
需求1） 添加任务2） 删除任务3） 更新任务状态4） 全选/全不选5） 清除已完成的任务组件的划分TodoList整体作为一个大组件；Header：input添加List：列表作为一个组件；Item: 列表中的每个列表项（ListItem）作为一个组件Footer：底部展示和功能作为一个组件代码编写App.js 父组件import React, { Component } from 'react
react框架学习react简介react历史框架用途框架特点框架设计思想react和vue的区别框架使用 react简介react历史React是用于构建用户界面的JavaScript库，起源于Facebook的内部项目，该公司对市场上所有 JavaScript MVC框架都不满意，决定自行开发一套，用于架设Instagram的网站。于2013年5月开源。框架用途React主要用于构建UI。你
关于react-native和android的开发环境搭建、环境变量配置等可以查看官方文档。官方文档地址 文章中涉及的node、react等版本：node:v16.18.1
react:^18.1.0
react-native:^0.70.6
gradle:gradle-7.2开发工具：VSCode和android studio 关于react-native和安卓的混合开发，官方文档已经提供了一种
转载
2023-10-01 16:07:57
189阅读
接触React也有一段时间了，从刚开始jquery式地去使用React，到慢慢走上正轨，还是经过了不少学习的。从开发过程中，遇到的组件大概有两类：UI类、工具类。UI类顾名思义就是能看得到的UI，这些组件一般就是按照需要渲染成相应的样子。工具类是一类虽然看上去好像什么东西都不渲染，但是却需要写在render中作为组件加载才能使用。（无法通过传统对象或者类方法之类实现）作为一个组件，一般来说就是纯粹
转载
2024-01-26 09:20:47
89阅读
用react开发了管理后台、对react有一定的了解，在此做个总结。react介绍1. react 工作原理：Virtual dom机制：由虚拟dom管理真实dom的更新。对于每一个组件，react会在内存中构建一个相对应的dom树，当组件状态发生变化时，react都会重新构建整个dom数据，将当前整个dom树和上一次的dom树通过diff算法进行对比，得出dom结构变化的部分，计算出最小的步骤更
转载
2024-03-26 10:17:31
85阅读
对于React的基础进行了学习，前两篇博客主要是详细介绍React的技术，这篇博客主要是总结React技术的所有特点什么是React？React是一个Facebook开发的UI库。使用这个库可以很方便的开发交互式的、具有表达力的和可重用的UI组件。并且这个库已经在facebook和instagram.com的产品中使用。 这个库的另外一个独特的卖点是：他不仅可以使用在客户端，还可以用在Server
转载
2023-11-30 23:15:11
120阅读
jsonx 是一个不错的工具包，我们可以用来方便的创建react 的组件，是不个很不错就有json 开发web引用的选择工具 一个demo 具体index.web.js可以在官方的dist 目录找到 <!DOCTYPE html> <html lang="en"> <head> <meta char
原创
2021-07-18 18:21:05
369阅读
基于React的虚拟滚动方案 在渲染列表时我们通常会一次性将所有列表项渲染到DOM中，在数据量大的时候这种操作会造成页面响应缓慢，因为浏览器需要处理大量的DOM元素。而此时我们通常就需要虚拟滚动来实现性能优化，当我们拥有大量数据需要在用户界面中以列表或表格的形式展示时，这种性能优化方式可以大幅改善用
1、React的请求应该放在哪个⽣命周期中？React的异步请求到底应该放在哪个⽣命周期⾥，有⼈认为在componentWillMount中可以提前进⾏异步请求，避免⽩屏，其实这个观点是有问题的。由于JavaScript中异步事件的性质，当您启动API调⽤时，浏览器会在此期间返回执⾏其他⼯作。当React渲染⼀个组件时，它不会等待componentWillMount它完成任何事情。React继续前
转载
2024-09-27 19:54:08
0阅读
基于webpack+react+antd 项目构建
转载
2021-07-29 11:28:29
515阅读
remotion 可以让我们直接基于react 创建视频,使用到的技术webgl，css,canvas,svg 说明 对于希望使用web 创建使用的场景这个
原创
2023-11-22 10:58:27
74阅读
react-static 是一个不错的基于react 开发的静态站点生成框架，可以用来替代create-react-app 包含的特性 100% react 很快的构建以及性能 自动代码以及数据分离 seo 友好 100% 支持react 的生态，包含css in js graphql redux
原创
2021-07-19 15:01:27
304阅读
React作为前端开发中不可或缺的技术之一，提供了一种构建用户界面的高效方式。本章旨在为读者建立对React框架的初步了解，包括其核心概念、体系结构及其在实际项目中的应用。我们将从React的定义和特点开始，过渡到其基本工作原理，确保读者能够掌握React的基础知识，为进一步深入学习和实践打下坚实的基础。React是由Facebook开发和维护的一个用于构建用户界面的JavaScript库。
react-native-tab-navigator是一款Tab切换的库，细心的读者可能注意到了对于TabNavigator.Item选项卡部分，代码功能上基本上是重复的，对此，我们能不能对这种有相同功能的代码进行二次封装呢？代码示例主页面封装首先我们可以将功能的部分抽出来。<TabNavigatorItem selected={this.state.selectedTab===ta
原创
2022-09-07 10:09:39
101阅读
一、前端项目结构在上一节的基础上，我们分别在src下创建如下文件夹：assets：静态文件；components：公共组件，比如面包屑、编辑器、svg图标、分页器等等；hooks：函数组件，使用 React 16.8引进的Hook 特性实现；layout：布局组件；redux：redux目录，负责状态管理；routes：路由，负责路由管理；styles：全局样式；utils：工具包；vi
转载
2024-05-16 20:44:26
142阅读
react 是 JavaScript 社区的新成员，尽管 jsX （在 JavaScript 中使用 html 语法）存在一定的争议，但是对于虚拟 DOM 人们有不一样的看法。 对于不熟悉的人来说，虚拟 DOM 可以描述为某个时刻真实DOM的简单表示。其思想是：每次 UI 状态发生更改时，重新创建一
转载
2020-12-14 15:29:00
139阅读
2评论
前言 由于这段时间工作上也是挺忙的，就没有时间去写这个项目，中间一直都是写写停停，进度也是非常慢的。正好前几天都还比较空，就赶紧抓着空闲时间去写这个项目，最后紧赶慢赶地完成了。本项目采用了React的框架，可以帮助那些想学习React的同学们去深入学习React的项目的开发。写这个项目过程也是非常辛
转载
2020-05-09 21:53:00
452阅读
2评论
