- 综合排序
- 最热优先
- 最新优先
- 来自专栏h5
react仿微信即时IM聊天|react+redux仿微信界面
react+redux仿微信聊天室react-weChatRoom案例|仿微信界面|仿微信群聊 基于react+react-dom+react-router-dom+redux+react-redux+ ant等技术开发的手机端仿微信界面聊天，实现了聊天记录下拉刷新、发送消息、表情(动图)，图片、视频预览，打赏、红包等功能。 vue聊天室：https://blog.csdn.net/yanxinyun1990/article/details/89038427 技术架构： MVVM框架：react / react-dom 状态管理 ：redux / react-redux 页面路由：react-router-dom 弹窗插件：wcPop 打包工具：webpack 2.0 环境配置：node.js + cnpm 图片预览：react-photoswipe from 'react'; import ReactDOM from 'react-dom'; // import {HashRouter as Router, Route} from 'react-router-dom
6K10发布于 2019-06-21 - 来自专栏向治洪
react native仿微信PopupWindow效果
前面的文章说过，要实现弹框相关的可以用React Native 提供的 Modal组件(Modal组件)，使用Modal组件可以实现我们原生开发中的大多数效果。 from 'react' import { StyleSheet, Platform, View, Text, Image, TouchableOpacity , Alert, Modal, Dimensions, } from 'react-native' import SpacingView from ". * @flow 首页的标题栏 */ import React, {Component} from 'react'; import {Platform, View, Dimensions, Text , StyleSheet, TouchableOpacity, Image} from 'react-native'; import SelectCityPage from '..
3.3K70发布于 2018-02-06 - 来自专栏向治洪
React Native仿美团下拉菜单
如果使用React Native开发上面的效果，需要注意几个问题： 1、 在下拉的时候有动画过度效果； 2、下拉菜单出现后点击菜单项，菜单项可选择，并触发对应的事件； 3、下拉菜单中的项目可以配置； 要实现弹框效果 FoodActionBar.js /** * https://github.com/facebook/react-native * @flow 首页的标题栏 */ import React, { } from 'react-native'; import px2dp from '.. Native App * https://github.com/facebook/react-native * @flow */ import React, {Component} from Native App * https://github.com/facebook/react-native * @flow */ import React, {Component} from
6K50发布于 2018-01-26 - 来自专栏jianhuicode
React+Redux仿Web追书神器
引言 由于 10 月份做的 React Native 项目没有使用到 Redux 等库，写了一段时间想深入学习 React，有个想法想做个 demo 练手下，那时候其实还没想好要做哪一个类型的，也看了些动漫的 下面对目录结构作以下说明 项目最初始是参考 react-pxq 初始化的。 中间件引人日志中间件 —— redux-logger，异步 API 调用 —— redux-thunk 等; component-module 和 components 存放的都是 react 组件，区别是 接着是用了 5-6 天学习网上开源项目的脚手架 —— 一个 react + redux 的完整项目 和 个人总结，基本上是看 参考所使用的库、编译打包的脚本以及 redux 代码。 React-router(2.x) react-router(2.x)与react-router(4.x)的还是不同的，当然主要是写法上，所以没更新到4.0 另外， 发布打包时使用nginx等应用服务器托管的时候需要配置下
2.2K80发布于 2018-01-17 - 来自专栏IMWeb前端团队
使用React全家桶高仿「Eyepetizer」开眼
简介 Eyepetizer是个人比较喜欢的美而小的短视频日报应用 原站使用jquery实现, 正好api没有限制, 于是用react高仿了一下. 应用不复杂但是为了展示完整的开发流程, 所以把主流的技术栈都用上了, 适合新手入门 技术栈 React-router Redux Redux-saga CSS in JS (styled-components 使用 见README 总结 笔者在生产环境下使用vue比较多, 在以vue先入为主的思想上谈谈对react的看法, 若有错误之处请多多指教 单向数据流很棒, 不同于vue + vuex, 在react + redux中actions也是props, 组件也可以只是接收props输出dom的函数, 配合dumb/smart组件的概念, 以及类似saga中拆分effects的做法, 使得react中测试非常清晰 但我觉得每个前端都应该深入了解react社区, 不可否认它们更让我学习更多更前卫的思想, 而不仅限于'精通api的使用' 最后贴上本项目的github地址 如果对你有所帮助的话, 可以帮忙点个star
1.3K70发布于 2018-01-08 - 来自专栏IMWeb前端团队
使用React全家桶高仿「Eyepetizer」开眼
applecatkay 原文出处：IMWeb社区 未经同意，禁止转载 简介 Eyepetizer是个人比较喜欢的美而小的短视频日报应用 原站使用jquery实现, 正好api没有限制, 于是用react 高仿了一下. 应用不复杂但是为了展示完整的开发流程, 所以把主流的技术栈都用上了, 适合新手入门 技术栈 React-router Redux Redux-saga CSS in JS (styled-components 使用 见README 总结 笔者在生产环境下使用vue比较多, 在以vue先入为主的思想上谈谈对react的看法, 若有错误之处请多多指教 单向数据流很棒, 不同于vue + vuex, 在react 但我觉得每个前端都应该深入了解react社区, 不可否认它们更让我学习更多更前卫的思想, 而不仅限于'精通api的使用' 最后贴上本项目的github地址
67710发布于 2019-12-05 - 来自专栏向治洪
React Native仿美团下拉菜单
如果使用React Native开发上面的效果，需要注意几个问题： 1、 在下拉的时候有动画过度效果； 2、下拉菜单出现后点击菜单项，菜单项可选择，并触发对应的事件； 3、下拉菜单中的项目可以配置 FoodActionBar.js /** * https://github.com/facebook/react-native * @flow 首页的标题栏 */ import React, { } from 'react-native'; import px2dp from '.. Native App * https://github.com/facebook/react-native * @flow */ import React, {Component} from Native App * https://github.com/facebook/react-native * @flow */ import React, {Component} from
3.6K100发布于 2018-02-06 - 来自专栏向治洪
高仿京东Android App，集成React-Native热更
项目代码整洁规范，结构清晰，使用Android最新的开发思想和技术，同时集成React-Native跨平台，主要是为了实验热更功能，涉及到的技术有如下一些： 使用kotlin语言开发，项目使用模块化开发
1K40编辑于 2022-07-30 - 来自专栏了不得的专栏
react+网页端聊天项目|仿微信web版
前段时间有使用react全家桶技术开发过一个react版手机端聊天室，最近又接着捣鼓pc端聊天室。 ? 一、项目介绍 基于react+react-dom+react-router-dom+redux+react-redux+webpack2.0+nodejs 等技术混合开发的仿微信web端聊天室reactWebChat 二、技术选型 MVVM框架：react / react-dom 状态管理：redux / react-redux 页面路由：react-router-dom 弹窗插件：wcPop 打包工具 ": { "react": "^16.8.6", "react-dom": "^16.8.6", "react-redux": "^7.1.0", "react-router-dom from 'react'; import ReactDOM from 'react-dom'; import App from '.
3K20发布于 2021-06-15 - 来自专栏h5
react18+vant+zustand4仿微信聊天ReactChat
React18-Chat基于vite4.x构建工具创建react聊天项目，使用react18 hooks函数组件编码页面。 图片使用了最新技术栈React18、React-Router v6、react-vant、Zustand4开发构建项目。 图片图片技术栈开发工具：Vscode框架技术：react18+react-dom+vite4.xUI组件库：react-vant (有赞react移动端UI库)状态管理：zustand^4.3.9路由管理 ：react-router-dom^6.14.2className混合：clsx^2.0.0弹框组件：rcpop (基于react18 hooks自定义弹框组件)样式处理：sass^1.64.1图片项目结构使用 vite4.x构建的react18项目，目录结构如下：图片// 创建项目yarn create vite react-chat...选择react模板// 运行项目yarn dev// 构建项目yarn
1.3K40编辑于 2023-08-16 - 来自专栏网络日志
超详细的React组件设计过程-仿抖音订单组件
from 'react' import OrderList from '.. 这里采用第一种方法来实现： import React,{useState} from 'react' import { OrderWrapper } from '. import React,{useEffect, useState} from 'react' import { OrderWrapper } from '. import React,{useEffect, useState} from 'react' import { OrderWrapper,EmptyItem } from '. 希望本篇文章对你也有帮助，你的就是对我的最大支持^_^ 源码地址：cool-g/react-reportPage: 仿抖音我的订单组件 (github.com) gitpage地址(直接查看页面效果)：
1.8K10编辑于 2024-06-28 - 来自专栏企鹅号快讯
来仿一仿retrofit
这篇博客我们来仿一个最近很火的Android网络框架的二次封装-retrofit(这个名字真难记)。新项目的名字我们起个简单的-glin。 如何使用 因为我们是仿retrofit，所以用法上肯定和retrofit大致相同，首先是配置。
1.3K90发布于 2018-01-09 - 来自专栏王磊的博客
react native仿微信性别选择-自定义弹出框
简述 要实现微信性别选择需要使用两部分的技术： 第一、是自定义弹出框； 第二、单选框控件使用； 效果 实现 一、配置弹出框 弹出框用的是：react-native-popup-dialog（ Git地址：https://github.com/jacklam718/react-native-popup-dialog） 具体配置见Git文档~ 二、配置单选框 用的是：react-native-elements （Git地址：https://react-native-training.github.io/react-native-elements/API/checkbox/） 具体配置见Git文档~ 核心代码 ： import PopupDialog, { DialogTitle } from 'react-native-popup-dialog'; <PopupDialog dialogTitle
3.4K80发布于 2018-05-08 - 来自专栏子晋城
React-Native 版高仿淘宝、京东商城首页、商品分类页面
高仿淘宝、京东等商城首页、商品分类页面，正在做商城项目的同学有福啦，看看是你们想要的效果吗？ 项目地址：https://github.com/pengzhenjin/react-native-mall 效果图 已实现功能 沉浸式状态栏 酷炫的顶部导航动画 消息角标 循环轮播图 搜索 商品一级分类
4.6K10编辑于 2022-01-18 - 来自专栏h5
next+react仿微信pc端聊天|Next.js聊天
项目介绍 NextChatIM 基于react.js+next.js+react-redux+antd+rlayer等技术构建的实例聊天项目。 p4.gif 技术栈 使用技术：next.js+react+redux UI组件库：Antd (蚂蚁金服react组件库) 字体图标：阿里iconfont图标库 弹窗组件：RLayer（基于react自定义对话框 react开发的一个自定义虚拟滚动条组件RScroll，贯穿于项目中的各种滚动场景。 React.js自定义弹窗组件 项目中用到的所有对话框均是基于react自定义弹窗RLayer组件。 |Next.js聊天室|Next.js仿微信|React聊天实例"></meta> <meta name="description" content="Next-WebChat
9.6K30发布于 2020-12-28 - 来自专栏前端三元同学
react hooks+redux+immutable.js仿网易云音乐打造精美webApp
一、技术栈简介 前端部分: react v16.8全家桶(react,react-router) : 用于构建用户界面的 MVVM 框架 redux: 著名JavaScript状态管理容器 redux-thunk 其它: create-react-app: React脚手架，快速搭建项目 eslint: 知名代码风格检查工具 iconfont: 阿里巴巴图标库 fastclick: 解决移动端点击延迟300ms的问题 3、模块懒加载及代码分割(CodeSpliting) react官方已经提供了相应的方案, 用react自带的lazy和Suspense即可完成。 操作如下: import React, {lazy, Suspense} from 'react'; const HomeComponent = lazy(() => import(".. 感谢DellLee react从入门到简书项目实战让我入门React，让我养成了React工程化的编码习惯。
1.8K20发布于 2021-03-11 - 来自专栏h5
RN自定义Modal弹窗|react-native仿微信ios弹窗
之前就有使用react开发过一些项目，发现react框架蛮不错的，当初就想着要学习下原生Native技术，恰好最近空闲就一直在研究react-native技术，采坑了不少。 react聊天IM：https://www.cnblogs.com/xiaoyan2017/p/11106246.html 引入rnPop.js及调用方式 import RNPop from '.. /07/30 10:00:50 GMT+0800 (中国标准时间) * @AboutMe Q：282310962 wx：xy190310 */ 'use strict' import React , {Component} from 'react' import { StyleSheet, Dimensions, PixelRatio, TouchableHighlight, Modal , View, Text, Image, ActivityIndicator, Alert } from 'react-native' const pixel = PixelRatio.get() const
5.2K11发布于 2019-08-03 - 来自专栏h5
React19+Arco+Zustand仿macOS风格webOS桌面系统
2026年8月实战React19.2+Zustand5+Arco+Sortablejs仿macOS/windows风格网页版os平台系统ReactWebOS。 项目技术栈编辑器：Vscode技术框架：react^19.2.8+react-router v7+zustand5组件库：@arco-design/web-react^2.66.16 (字节网页版vue3 +Arco+Zustand5接入DeepSeek-V4网页版仿豆包/Kimi流式AI系统Vite8.0+Vue3.5+Arco深度对接DeepSeek网页版AI智能助手uni-app+mphtml快速集成 问答系统Flutter3.41实战AI：从零到一构建app版流式ai系统Electron41 + Vite8打造流式输出客户端AI助手基于tauri2.8+vite7+vue3+element-plus仿QQ /微信聊天应用 tauri2.9-vite7-vue3admin客户端后台系统管理Exe模板 最新原创uniapp-vue3-osadmin手机版后台管理系统 最新研发uniapp+vue3仿微信app
7820编辑于 2026-08-27 - 来自专栏全栈程序员必看
仿射函数_仿射空间
今天看书用到仿射函数，不明白，上网查资料，貌似网上这方面资料也不是很多，有的也是讨论性质，不太准确。 m维空间到n维空间的映射： 如果L为线性的，则对于所有的m维空间向量x存在m维向量a1,a2,……an使得 L(X)=(a1*x,a2*x……,an*x) 这样就 把n维空间的向量映射到了m维空间中 仿射函数定义如下 ： 对m维空间中的所有x存在一个线性函数和一个n维向量 使得 A(x)=L(x)+b 责成A是仿射函数。
1.3K10编辑于 2022-09-20 - 来自专栏伟大程序猿的诞生
【React Native 安卓开发】----（View实战之仿携程）【第三篇】
下面是代码，可以直接copy： 后面会给大家一步一步讲解过程，与大家共同成长 import React, { Component } from 'react'; import { AppRegistry , StyleSheet, Text, View, TextInput, ScrollView, ListView, PixelRatio } from 'react-native
82920发布于 2019-01-21
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号