市面上有很多不同的 JavaScript 框架，我们很难对它们一一进行关注。在本文中，我们将重点介绍最受欢迎的几种，并探讨开发人员喜欢或不喜欢它们的原因。 1.React React 是一个用于构建用...
React、Next、Vue…流行的9大前端js框架，知道几个？
阅读全文
前端跨平台框架：Finclip、 Flutter、Taro、React Native、Weex、 Rax、 Electron
概述 前端跨端实践是指在开发过程中，使用统一的代码库或框架来实现在不同平台上运行的应用程序。 这种实践旨在减少重复开发和维护成本，并提高开发效率和用户体验。 以下是一些前端跨端实践的方法和技术： 1....
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"/> &l...
前端面试基础题：React JSX、高级组件和路由…
✨React介绍 如果从 MVC 的角度来看， React 仅仅是视图层（V），也就是只负责视图的渲染，而并非提供了完整的 M 和 C 的功能。 特点：声明式、基于组件、学习一次随处使用。 脚手架的使...
React性能优化思路VS技巧总结
目前在工作中，大量的项目都是使用react来进行开展的，了解掌握下react的性能优化对项目的体验和可维护性都有很大的好处，下面介绍下在react中可以运用的一些性能优化方式和性能优化思路。 对于类式...
基于Laravel、Pusher和React开发网站实时评论系统
为了在你的在线社区或博客中建立信任，你需要设计开发一套体验良好的Laravel实时评论系统。 然而，要想在第一次尝试时就做到这一点并不容易，除非你依赖于诸如Discus或Commento这样的自托管评...
Vue3 究竟好在哪里？（图文详述和 React 对比）
你好，我是大圣。 我们先从前端框架的发展历史来聊聊到底 Vue3 比 React 好在哪里，以及我们为什么必须要学习 Vue3。 在熟悉这段历史之后，相信你能把握到 Vue 在前端框架中的地位。这样，...
React Native如何做线上错误与性能监控
一、前言 我们每个人可能都会遇到这样的问题：即我们的代码在本地测试时没有问题，但是一上线运行，就会遇到各种奇奇怪怪的线上 Bug。由于本地测试场景并不能全面覆盖，对于这种线上的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 Js 和 之间的战斗是真实...
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 ...
React SSR 服务端渲染和同构原理一文吃透
你一定会对 react ssr 服务端渲染技术有一个深入的理解，可以打造自己的脚手架，更可以用来改造自己的实际项目，当然这不仅限于 react ，其他框架都一样，毕竟原理都是相似的。 为什么要服务端渲...
SSR vs CSR 什么是服务端渲染？React为例理解原理
作者：神三元 part1：实现一个基础的React组件SSR 这一部分来简要实现一个React组件的SSR。 一. SSR vs CSR 什么是服务端渲染？ 废话不多说，直接起一个express服务器...
移动端跨平台开发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：移动端跨平台开发的深度解析
一、前言 为什么我们需要跨平台开发？ 本质上，跨平台开发是为了增加代码复用，减少开发者对多个平台差异适配的工作量，降低开发成本，提高业务专注的同时，提供比web更好的体验。嗯～通俗了说就是：省钱、偷懒...
React.js 和 Node.js 的 SSR 实现方案
SSR：即服务端渲染(Server Side Render) 传统的服务端渲染可以使用Java，php 等开发语言来实现，随着 Node.js 和相关前端领域技术的不断进步，前端同学也可以基于此完成独...
react-router4基于react-router-config路由配置拆分与模块按需加载
讲解对react-router-config的使用，达到配置路由在每个模块里面管理。 同样在react开发里面我也希望如此。 在v4版本以前 动态路由 的配置方式能够解决我的问题，V4之前版本有兴趣的...
react16 webpack3 搭建前端spa基础框架 react-router的4种异步加载方式
一直使用的是vue，很少使用过react进行项目的开发，因此此构建主要参考的是vue的项目经验。 项目主要会涉及到的知识点 webpack 配置及其优化 react-router 升级为4.0之后的使...