标签: React.js
thumbnail

前端开发:React + Antd 打造强大树形结构数据操作

树结构的展示往往伴随着许多交互功能,像同一节点内的上移、下移、置顶、置底、删除等操作。这些看似简单的操作,在这种展开加载的树形结构数据中,实现起来却没那么容易。
thumbnail

热门前端 SSR 框架性能大比拼:React 倒数第一?

Web 技术的蓬勃发展,服务器端渲染(SSR)逐渐成为了当下前端页面追求高性能的主流技术,用 SSR 构建的项目往往首屏渲染会非常丝滑。但是 SSR 渲染也有可能带来一些其他的性能问题。
thumbnail

React、Next、Vue...流行的9大前端js框架,知道几个?

市面上有很多不同的 JavaScript 框架,我们很难对它们一一进行关注。在本文中,我们将重点介绍最受欢迎的几种,并探讨开发人员喜欢或不喜欢它们的原因。 1.Re……
thumbnail

前端跨平台框架:Finclip、 Flutter、Taro、React Native、Weex、 Rax、 Electron

概述 前端跨端实践是指在开发过程中,使用统一的代码库或框架来实现在不同平台上运行的应用程序。 这种实践旨在减少重复开发和维护成本,并提高开发效率和用户……
thumbnail

REACT原理:虚拟DOM、Diff算法、Key机制浅谈

虚拟DOM 我们都知道虚拟DOM带来的好处,多次更新数据层的数据,最后异步处理只进行一次页面重绘,而这中间的奥秘就是虚拟DOM。在传统的Web应用中,我们往往会……
thumbnail

前端开发:什么是状态管理及React Context 

什么是状态管理? 状态 状态是表示组件当前状况的 JS 对象。在 React 中,可以使用 useState 或者 this.state 维护组件内部状态,通过 props 传递给子组件使用……
thumbnail

Vue3 与 React 全方面对比

1. 编程风格 & 视图风格 1.1 编程风格 React 语法少、难度大;Vue 语法多,难度小 例如指令: Vue <input v-model="username"/> <ul> ……
thumbnail

前端面试基础题:React JSX、高级组件和路由...

✨React介绍 如果从 MVC 的角度来看, React 仅仅是视图层(V),也就是只负责视图的渲染,而并非提供了完整的 M 和 C 的功能。 特点:声明式、基于组件、学习……
thumbnail

React性能优化思路VS技巧总结

目前在工作中,大量的项目都是使用react来进行开展的,了解掌握下react的性能优化对项目的体验和可维护性都有很大的好处,下面介绍下在react中可以运用的一些……
thumbnail

基于Laravel、Pusher和React开发网站实时评论系统

为了在你的在线社区或博客中建立信任,你需要设计开发一套体验良好的Laravel实时评论系统。 然而,要想在第一次尝试时就做到这一点并不容易,除非你依赖于诸……
thumbnail

Vue3 究竟好在哪里?(图文详述和 React 对比)

你好,我是大圣。 我们先从前端框架的发展历史来聊聊到底 Vue3 比 React 好在哪里,以及我们为什么必须要学习 Vue3。 在熟悉这段历史之后,相信你能把握到……
thumbnail

React Native如何做线上错误与性能监控

一、前言 我们每个人可能都会遇到这样的问题:即我们的代码在本地测试时没有问题,但是一上线运行,就会遇到各种奇奇怪怪的线上 Bug。由于本地测试场景并不能……
thumbnail

2021 年 Angular vs. React vs. Vue 前端框架对比

一个是 UI 库(React),另一个是成熟的前端框架(Angular),而其中最年轻的(Vue)则可以称之为渐进式框架。 你可能是一个 React 开发者,可能是一个 Vue ……
thumbnail

React Native调用Android原生方法的项目实现

1、项目基于React Native 0.63.2版本,使用命令react-native init rn_native新建工程项目 2、以下使用弹窗方式来说明rn如何调用原生方法 3、android目录下新……
thumbnail

ReactJS与VueJS:2020两种流行前端JS框架之战

如果有人问你将在 2020 年选择哪种框架进行开发,你的答案将是什么?很明显,你主要有两个选择: 和 !但是,如果你需要选择一个怎么办?好吧,两个最受欢迎……
thumbnail

React-Router v6 新特性解读及迁移指南

18年初,React Router的主要开发人员创建一个名为Reach Router的轻量级替代方案。 原来是相互抗衡的,却没想React Router直接拿来合并(真香!) 目前 v6已……
thumbnail

TypeScript在React中使用总结

编写第一个TSX组件 import React from 'react' import ReactDOM from 'react-dom' const App = () => { return ( <div>Hello World<……
thumbnail

React SSR 服务端渲染和同构原理一文吃透

你一定会对 react ssr 服务端渲染技术有一个深入的理解,可以打造自己的脚手架,更可以用来改造自己的实际项目,当然这不仅限于 react ,其他框架都一样,毕……
thumbnail

SSR vs CSR 什么是服务端渲染?React为例理解原理

作者:神三元 part1:实现一个基础的React组件SSR 这一部分来简要实现一个React组件的SSR。 一. SSR vs CSR 什么是服务端渲染? 废话不多说,直接起一个expr……
thumbnail

移动端跨平台开发Flutter 与 React Native 深入对比分析

移动端跨平台在经历数年沉浮之后,如今还能在舞台聚光灯下雀跃的, 也只剩下 React Native 和 Flutter 了,作为沉淀了数年的 “豪门” 与 19 年当红的 “新贵” ……
thumbnail

React.js 和 Node.js 的 SSR 实现方案

基础概念 SSR:即服务端渲染(Server Side Render) 传统的服务端渲染可以使用Java,php 等开发语言来实现,随着 Node.js 和相关前端领域技术的不断进步,前……
thumbnail

2019年Flutter 和 React Native 谁主沉浮

Flutter 与 React Native混淆了吗? 本文是帮助你了解这两个应用程序开发框架区别指南。咱们知道,几年前开发和维护iOS和Android的应用程序曾经是一项艰巨的……
thumbnail

react-native、weex、flutter:移动端跨平台开发的深度解析

一、前言 为什么我们需要跨平台开发? 本质上,跨平台开发是为了增加代码复用,减少开发者对多个平台差异适配的工作量,降低开发成本,提高业务专注的同时,……
thumbnail

React.js 和 Node.js 的 SSR 实现方案

SSR:即服务端渲染(Server Side Render) 传统的服务端渲染可以使用Java,php 等开发语言来实现,随着 Node.js 和相关前端领域技术的不断进步,前端同学也可……