标签: React.js
前端开发:React + Antd 打造强大树形结构数据操作
树结构的展示往往伴随着许多交互功能,像同一节点内的上移、下移、置顶、置底、删除等操作。这些看似简单的操作,在这种展开加载的树形结构数据中,实现起来却没那么容易。
热门前端 SSR 框架性能大比拼:React 倒数第一?
Web 技术的蓬勃发展,服务器端渲染(SSR)逐渐成为了当下前端页面追求高性能的主流技术,用 SSR 构建的项目往往首屏渲染会非常丝滑。但是 SSR 渲染也有可能带来一些其他的性能问题。
React、Next、Vue...流行的9大前端js框架,知道几个?
市面上有很多不同的 JavaScript 框架,我们很难对它们一一进行关注。在本文中,我们将重点介绍最受欢迎的几种,并探讨开发人员喜欢或不喜欢它们的原因。
1.Re……
前端跨平台框架:Finclip、 Flutter、Taro、React Native、Weex、 Rax、 Electron
概述
前端跨端实践是指在开发过程中,使用统一的代码库或框架来实现在不同平台上运行的应用程序。
这种实践旨在减少重复开发和维护成本,并提高开发效率和用户……
REACT原理:虚拟DOM、Diff算法、Key机制浅谈
虚拟DOM
我们都知道虚拟DOM带来的好处,多次更新数据层的数据,最后异步处理只进行一次页面重绘,而这中间的奥秘就是虚拟DOM。在传统的Web应用中,我们往往会……
前端开发:什么是状态管理及React Context
什么是状态管理?
状态
状态是表示组件当前状况的 JS 对象。在 React 中,可以使用 useState 或者 this.state 维护组件内部状态,通过 props 传递给子组件使用……
Vue3 与 React 全方面对比
1. 编程风格 & 视图风格
1.1 编程风格
React 语法少、难度大;Vue 语法多,难度小
例如指令:
Vue
<input v-model="username"/>
<ul>
……
前端面试基础题:React JSX、高级组件和路由...
✨React介绍
如果从 MVC 的角度来看, React 仅仅是视图层(V),也就是只负责视图的渲染,而并非提供了完整的 M 和 C 的功能。
特点:声明式、基于组件、学习……
React性能优化思路VS技巧总结
目前在工作中,大量的项目都是使用react来进行开展的,了解掌握下react的性能优化对项目的体验和可维护性都有很大的好处,下面介绍下在react中可以运用的一些……
基于Laravel、Pusher和React开发网站实时评论系统
为了在你的在线社区或博客中建立信任,你需要设计开发一套体验良好的Laravel实时评论系统。
然而,要想在第一次尝试时就做到这一点并不容易,除非你依赖于诸……
Vue3 究竟好在哪里?(图文详述和 React 对比)
你好,我是大圣。
我们先从前端框架的发展历史来聊聊到底 Vue3 比 React 好在哪里,以及我们为什么必须要学习 Vue3。
在熟悉这段历史之后,相信你能把握到……
React Native如何做线上错误与性能监控
一、前言
我们每个人可能都会遇到这样的问题:即我们的代码在本地测试时没有问题,但是一上线运行,就会遇到各种奇奇怪怪的线上 Bug。由于本地测试场景并不能……
2021 年 Angular vs. React vs. Vue 前端框架对比
一个是 UI 库(React),另一个是成熟的前端框架(Angular),而其中最年轻的(Vue)则可以称之为渐进式框架。
你可能是一个 React 开发者,可能是一个 Vue ……
React Native调用Android原生方法的项目实现
1、项目基于React Native 0.63.2版本,使用命令react-native init rn_native新建工程项目
2、以下使用弹窗方式来说明rn如何调用原生方法
3、android目录下新……
ReactJS与VueJS:2020两种流行前端JS框架之战
如果有人问你将在 2020 年选择哪种框架进行开发,你的答案将是什么?很明显,你主要有两个选择: 和 !但是,如果你需要选择一个怎么办?好吧,两个最受欢迎……
React-Router v6 新特性解读及迁移指南
18年初,React Router的主要开发人员创建一个名为Reach Router的轻量级替代方案。
原来是相互抗衡的,却没想React Router直接拿来合并(真香!)
目前 v6已……
TypeScript在React中使用总结
编写第一个TSX组件
import React from 'react'
import ReactDOM from 'react-dom'
const App = () => {
return (
<div>Hello World<……
React SSR 服务端渲染和同构原理一文吃透
你一定会对 react ssr 服务端渲染技术有一个深入的理解,可以打造自己的脚手架,更可以用来改造自己的实际项目,当然这不仅限于 react ,其他框架都一样,毕……
SSR vs CSR 什么是服务端渲染?React为例理解原理
作者:神三元
part1:实现一个基础的React组件SSR 这一部分来简要实现一个React组件的SSR。
一. SSR vs CSR 什么是服务端渲染?
废话不多说,直接起一个expr……
移动端跨平台开发Flutter 与 React Native 深入对比分析
移动端跨平台在经历数年沉浮之后,如今还能在舞台聚光灯下雀跃的, 也只剩下 React Native 和 Flutter 了,作为沉淀了数年的 “豪门” 与 19 年当红的 “新贵” ……
React.js 和 Node.js 的 SSR 实现方案
基础概念
SSR:即服务端渲染(Server Side Render) 传统的服务端渲染可以使用Java,php 等开发语言来实现,随着 Node.js 和相关前端领域技术的不断进步,前……
2019年Flutter 和 React Native 谁主沉浮
Flutter 与 React Native混淆了吗?
本文是帮助你了解这两个应用程序开发框架区别指南。咱们知道,几年前开发和维护iOS和Android的应用程序曾经是一项艰巨的……
react-native、weex、flutter:移动端跨平台开发的深度解析
一、前言
为什么我们需要跨平台开发? 本质上,跨平台开发是为了增加代码复用,减少开发者对多个平台差异适配的工作量,降低开发成本,提高业务专注的同时,……
React.js 和 Node.js 的 SSR 实现方案
SSR:即服务端渲染(Server Side Render) 传统的服务端渲染可以使用Java,php 等开发语言来实现,随着 Node.js 和相关前端领域技术的不断进步,前端同学也可……