一条宝鱼的专栏

如何在不通过npm run eject进行webpack配置呢？现在我们用craco配置来去进行webpack相关配置。 yarn add @craco/craco//或者 npm install @craco/craco --save在项目根目录新建craco.config.js文件修改package.json"scripts": { "start": "craco start", "build": "craco bui..

https://createapp.dev/webpack

react-native在启动的时候会有瞬间的白屏出现，ios白屏时间会很短，安卓要相对长一些，大概1-3s时间。这是react-native的工作机制决定的。 react-native在启动时会装载js bundle到内存并渲染界面，这段时间界面是一个空View.上面的过程我们称之为项目的初始化，那么在这段项目初始化的过程中我们为了有更好的用户体验需要渲染一个对用户友好的界面来代替白屏，毕竟白屏对用户不太友好，你可以理解为跟h5中的loading是一个意思。然而配置原生的启动图不像我们加个loading

react native开发Android 篇——Image动态加载图片网络图片和base64 图片 本地图片网络图片和base64 图片import React, { Component } from 'react';export default class DaysScreen extends React.Component { render() { let urlHttp='https://facebook.github.io/react-native/docs/as.

在网上看了很多关于this.setState()的介绍，觉得受益匪浅，就总结了一些帮助自己理解的点，在此分享出来，如果有侵权的地方，请及时提醒。一、State的定义状态（state） 和 属性（props） 类似，都是一个组件所需要的一些数据集合，但是它是私有的，并且由组件本身完全控制，可以认为它是组件的“私有属性（或者是局部属性）”。二、关于 setState() 有三件事是你应该知道的。# 参考链接1.不要直接修改 state(状态)this.state.comment = .

本文是基于最新的react-navigation^3.x来书写的。以下15条，在我开源的识兔中，都是可以找到实例的，欢迎参考，欢迎star前言关于react-navigation的文章，这已经是第三篇了，这个库从最初的beta版到最新的2.x版本，更新频率是很快的，这个库也越来越完善，很多1.x的技巧已经完全不适用于新的版本，然而群里每天又有很多人再问，为了解(jiao)决(yu)这个问题，所以，动手写了这篇文章。更新版本到react-navigation3.x！因为react-n.

Shared mutable state is the root of all evil（共享的可变状态是万恶之源）-- Pete Hunt有人说 Immutable 可以给 React 应用带来数十倍的提升，也有人说 Immutable 的引入是近期 JavaScript 中伟大的发明，因为同期 React 太火，它的光芒被掩盖了。这些至少说明 Immutable 是很有价值的，下面我们来一探究竟。JavaScript 中的对象一般是可变的（Mutable），因为使用了引用赋值，新的对...

https://jspang.com/detailed?id=50#toc21

React Native - 调试技巧及调试菜单说明（模拟器调试、真机调试）一、模拟器调试我们在ios模拟器上按快捷键command + D，安卓模拟器上按快捷⌘ + m，即可弹出如下调试菜单。下面分别介绍菜单中的各个调试功能。1，Reload刷新页面，其快捷键是（iOS） command + R/（安卓）两按R键。注意：只有修改JavaScript文件时，刷新功能才起作用。如果新增了文件或者修改了Native代码，就需要使用Xcode重新编译应用了。2，De...

构建项目在相应的路径下执行命令行：react-native init 项目名(名称不可使用连接符等特殊字符,命名可以参考APP应用名称 比如 FaceBook) react-native --v //查看版本react-native init demo --version 0.48.0//安装指定的版本react-native init demo --verbose --version 0.48.0 //verbose是初始化的时候显示安装详情的，安装什么模块以及进度npm view r.

1. 引言为什么要了解 Function 写法的组件呢？因为它正在变得越来越重要。那么 React 中Function Component 与 Class Component 有何不同？how-are-function-components-different-from-classes这篇文章带来了一个独特的视角。顺带一提，以后会用 Function Component 代替 Stateless Component 的说法，原因是：自从 Hooks 出现，函数式组件功能在不断丰富，函数..

状态是隐藏在组件中的信息，组件可以在父组件不知道的情况下修改其状态。我更偏爱函数组件，因为它们足够简单，要使函数组件具有状态管理，可以useState()Hook。本文会逐步讲解如何使用useState()Hook。此外，还会介绍一些常见useState()坑。1.使用 `useState()` 进行状态管理无状态的函数组件没有状态，如下所示(部分代码)：可以找 codesandbox 尝试一下。运行效果：这时，要如何添加一个按钮来打开/关闭灯泡呢？为此，咱们需要具有状...

源码在此 仅供参考一、简介根据React Navigation官网文档描述：Learn once, navigate anywhere.React Navigation的诞生，源于React Native社区对基于Javascript的可扩展且使用简单的导航解决方案的需求。React Navigation是Facebook，Expo和React社区的开发者们合作的结果：它取代并改进了React Native生态系统中的多个导航库，其中包括Ex-Navigation，React Native的N