有许多Web和移动应用程序开发框架在选择时会给你带来激烈的竞争，而React Native就是其中之一。ReactJS是一个高效、声明性和灵活的开源 JavaScript 库，用于构建简单、快速和可扩展的前端开发和单页应用程序。 ReactJS 在不重新加载网页的情况下创建 web 应用程序数据的特定更改，这是它吸引更多用户和开发人员的主要原因，创建用户界面更加简单快捷。 在这里，我们列出
转载
2023-11-28 13:56:14
51阅读
react-router-domreact-router-dom 是 React 的实现路由功能的组件。依赖安装npm install react-router-dom --save功能演示路由和跳转codesandbox 地址：https://codesandbox.io/s/react-router-basic-bnpsd?from-embedimport React from "react"
铺垫随着大前端蓬勃发展, 冒出越来越多的端, 最火的当数最近出现的微信小程序. 但是无论是 微信小程序 , 还是 支付宝小程序, 或者 快应用 都有一个明显的缺点, 虽然他们还是按照一定的 js html css 标准作为开发方式, 但是他们都与当前所有主流技术有相当大的壕沟.虽然小程序使用类似Vue, angular的模板渲染, 实现了类MVVM的开发方式.但是小程序的开发方式相当蛋疼. 以下是
该项目是我跟着神三元（抖音架构组）做的一款网易云音乐的 WebApp，原电子书链接
主要技术栈：react hooks + redux + immutable.js
后端部分：采用 github 上开源的 NodeJS 版 api 接口 NeteaseCloudMusicApi，提供音乐数据。本项目使用新版本的依赖进行构建（如：react-router v6），新版本依赖的使用可以参考本文，具体知
转载
2024-07-26 13:45:20
29阅读
前 言 React 是一个用于构建[用户界面]的 JAVASCRIPT 库。 React主要用于构建UI，很多人认为 React 是 MVC 中的 V（视图）。 React 起源于 Facebook 的内部项目，用来架设 Instagram 的网站，并于 2013 年 5 月开源。 React 拥有较高的性能，代码逻辑非常简单。 1、React
转载
2024-07-06 09:46:24
49阅读
封装目录中所包含的文件Api.js ApiIp.js ApiURL.js ApiIp.js文件的作用这个文件的作用主要是在开发环境和生产环境下调用不同的接口请求地址，生产环境下此文件的作用是动态 的获取浏览器中的地址进行拼装，便可以动态的获取地址，不需要写死//获取当前的URL中的地址，同时携带端口号,不携
转载
2024-06-29 07:37:26
26阅读
前言：简单记录一下第一次搭建react项目框架，之前只是在已搭建好的框架内去开发实现项目，没有自己动手搭建过，亲自动手实际操作，还遇到挺多问题的。参考了不少文献，帮助我解决并完成整个项目搭建的文献，都会在文章最后附上链接，感兴趣的可以都看一下。 我这里创建项目使用的是官方脚手架工具create-react-app1、先安装node，具体版本的话看自己需要，不过版本过低或过高，后续可能会出现报错情况
转载
2023-10-27 11:12:30
53阅读
# 本地 React 项目 Dockerfile 编写指南
在现代开发中，使用 Docker 来容器化应用程序已经变得非常流行。对于 React 应用而言，创建一个 Dockerfile 是一个重要步骤，可以确保在不同环境中一致的运行。本文将通过一个示例，介绍如何为一个本地的 React 项目编写 Dockerfile。
## 实际问题
当你开发一个 React 应用并希望在生产环境中部署时
原创
2024-09-25 06:52:17
80阅读
可以写行内样式React 的 JSX 语法中并不能直接写 CSS 代码，不过我们可以把 CSS 代码变成一个个对象再绑定到相应的元素上。// css object
const styles = {
header: {
color: "white",
backgroundColor: "red"
}
...
}
...
Header
...行内样式需要注意以下几点：属性
转载
2024-03-16 10:37:21
130阅读
含义生命周期函数指在某一个时刻组件会自动执行的函数，如render()函数（组件发生变化时重新渲染）、constructor()函数（组件被创建的时候自动调用，是ES6中含有的函数，并不是React特有，与生命周期函数没有太大区别）函数介绍过程：初始化、挂载、更新、卸载1. 初始化利用constructor()函数进行初始化，设置属性props和状态state2.挂载=>当组件即将被挂载到页
React中fetch---基本使用一、fetchfetch是一种XMLHttpRequest的一种替代方案，在工作当中除了用ajax获取后台数据外我们还可以使用fetch、axios来替代ajax二、fetch的基本使用fetch(url).then(res => {
//res不是需要的请求数据
}).then(data => {
console.log(data)
转载
2024-04-24 10:13:42
110阅读
以下方式仅供参考，适合自己项目的才是最好的！！一、行内样式使用import
React from '
react'
class Home extends
React.Component {
render() {
return (
<div>
<h3 style={{fontColor: 'green',marginTop:'5px
转载
2024-08-22 13:48:52
157阅读
目录1.什么是 react?2.React的特点？2.1 声明式（跟HTML一样就是在描述一个结果）2.2 基于组件2.3 学习一次 随处使用3.前端框架和库的区别4.React的安装4.1 生成带package.json的项目文件夹4.2 生成一个html文件4.3 安装React4.4 html文件中引入react 1.什么是 react?React是用于构建用户界面的Javascript库
Facebook开源了React前端框架（MIT Licence），也同时提供了React脚手架 - create-react-app。create-react-app遵循约定优于配置(Coc)的原则，默认配置、项目结构等，让Web开发人员能够快速上手React。搭建create-react-app:1. 安装node 下载链接， 选择适当版本; node -v # 检查node版本 np
react-native-android-guide 致力于帮助Android开发者转react-native开发。 地址：https://github.com/jiangqqlmj/react-native-android-guide 作为一名Android开发者，我的感觉就是，一步一卡，卡的潇洒。 但是我还是要学react-native，不要问我为什么,因为我相信一门解决了原生
最近团队内有同学，由于写react hooks引发了一些bug，甚至有1例是线上问题。团队内也因此发起了一些争执，到底要不要写hooks？到底要不要加lint？到底要不要加autofix？争论下来结论如下：写还是要写的；写hooks前一定要先学习hooks；团队再出一篇必读文档，必须要求每位同学，先读再写。因此便有了此文。本文主要讲两大点：写hooks前的硬性要求；写hooks常见的几个注意点。硬
转载
2021-12-09 16:33:27
93阅读
# React 如何编写 iOS 应用
随着 React 和 React Native 的流行，越来越多的开发者希望利用这项技术来构建 iOS 应用。React Native 为 JavaScript 开发者提供了一个强大的问题解决方案，可以通过相同的代码库创建跨平台应用（iOS 和 Android）。本文将探讨如何使用 React Native 创建一个简单的 iOS 应用，并解决一个实际问题
线上问题。团队内也因此发起了一些争执，到底要不要写hooks？到底要不要加lint？到底要不要加autofix？争论下来结论如下：写还是要写的；写hooks前一定要先学习hooks；团队再出一篇必读文档，必须要求每位同学，先读再写。因此便有了此文。本文主要讲两大点：写hooks前的硬性要求；写hooks常见的几个注意点。硬性要求1. 必须完整阅读一次React Hooks官方文档英
转载
2022-03-31 16:52:44
158阅读
1. 什么是react，以及react的优点构建用户界面的javascript库（只能说这句话没啥用）。优点：1.声明式 声明式 ：很多东西不需要亲自去作，声明一下就行了，不需要亲自去操作DOM，只需要更新数据，界面会自动变化。（其实就是mvvm 和vue一样）。2.组件化 例如一个很复杂的界面功能，想要简化的话，就得需要拆分，拆分成一个个的小的功能，每一个小的界面功能就是一个组件，就是拆分成了很
转载
2023-08-23 16:50:36
50阅读
介绍创建和使用函数是任何编程语言的基本内容，TypeScript 也不例外。TypeScript 完全支持现有的 JavaScript 函数语法，同时，还添加了类型信息和函数重载作为新特性。除了为函数提供额外的文档外，类型信息还可以减少代码中出现错误的机会，因为将无效数据类型传递给类型安全函数的风险较低。在本教程中，我们将从使用类型信息创建最基本的函数开始，然后，转到更复杂的场景，例如，使用剩余参
