首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
React 技术栈
编程杂货铺
创建于2021-06-11
订阅专栏
收录 React 相关的内容
等 46 人订阅
共57篇文章
创建于2021-06-11
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
使用 FastAPI + React + ZhipuAI 实现一个的AI聊天应用
一、Why? 八月份收到了一条质谱的短信,质朴 GLM-4-Flash 模型免费面向注册用户调用 API 了。 好家伙,这不的尝试自己写一个 AI 聊天软件,对的住,这AI时代的洪流吗?于是开始了探索
前端开发必须了解 React 新的路由 TanStack Router
TanStack Router 已经出来的一段时间了,社区中有些项目已经开始使用了。例如:full-stack-fastapi-template 的前端部分。 为什么TanStack Router 值
有了这些 icons 库,在也不愁 icons 的问题了
一、why? icons 的需求还是蛮普遍的,每一个组件库基本上都有自己的 icon, 但是也存在一些问题。这些 icons 可能不能完全满足我们的需求, 例如:antd 组件库中的 icons 正对
Sonner 一个 React Toast 组件
一、简介 Sonner 是一个固执己见的 React Toast 组件。如果你的项目不依赖大型的组件库,但是你有需要一个 Toast 快速完成任务。我想 Sonner 特别适合你的项目。 二、流行度
Meta 新开源的 StyleX 全面解析
一、什么 StyleX? StyleX 是一个强大的 CSS-in-JS 库,用于定义优化用户界面的样式,在 Meta 的 facebook 等多款应用中已经使用多年。StyleX 使用 JavaSc
从 0 开始用 Remix 开发一个全栈官网项目
一、前言 本项目实战 Remix 全栈框架,目标是企业官网项目。难度 🌟🌟。本项目在持续更新中。 二、技术栈 Remix/Vite(目前还不稳定) TailwindCSS 前端样式 Antd/ProC
react-router 的 useBlocker 路由拦截
开始之前 路由拦截功能是很常见的,功能。比如:我们的表单没有填写完毕,用户就就要跳转,此时我们需要拦截与确认。在 React-router v6 之前提供了 Prompt 组件用于拦截跳转。React
Remix 多页面数据流与 axios 的单页面的数据流的区别
一、开始之前 Remix 基于服务端渲染的多页面,数据流与前后端分离的 spa 数据流有所不同。 Remix 开发基于全栈开发,数据真实的修改操作基本通过表单在服务端完成。 基于 axios 等库,前
基于 Prisma + Remix + Sqlite 设计一个简单的角色菜单系统
一、目标 实现一个基础的角色与菜单系统 基于 Prisma + Remix + antd 角色与菜单关联 菜单需要自引用 Primsa 处理数据库 Remix 架构前后端 Antd 提供 UI 支持
快速集成 antd pro-components 的登录能力
一、动机? 如果是一个管理系统,对 UI 的要求不高,需要快速的集成登录相关的内容。自己写一个登录页可能也花费不了多长时间。但是今天分享的是 pro-components 的登录页给出的方案,快速的制
基于 Remix 实现一个简单的点赞 ❤️效果
一、简介 在 ToC 的项目中,点赞功能是一个常用的的功能,在主流视频网站中,点赞效果做的十分优秀。 二、选择技术与效果实现 基于 Remix 的 React 框架 css module 编写样式 仅
antd 中 Select 与 Pagination 结合 SelectPagination
一、why? 有时候我们需要 Select 组件中数据比较大,可能需要分页的问题,由于 antd 中并没有直接提供 Select 分页功能,我们需要自己写。可能也有很多其他的方案,就是滚动到底部加载,
在 Remix 中绘制 Canvas 的各种常用图形
一、why? 在使用 Figma 的绘图共功能时候,Fimga 提供的几种默认的绘制形状 线条 (line) 矩形 原型 三角形 五角星 菱形(Excalidraw) 箭头 图片 视频 ... 在 r
实用的 useSearchParam 钩子函数
why? 在 React 开发中,在 search 中获取 param 数据,十分常用,但是似乎但是每次都要手动的使用URLSearchParams 构造函数然后获取 params, 这其实不符合 R
简单操作国际化:i18next 与 React-i18n
一、简介 i18next 是一个用 JavaScript 编写的国际化框架。i18next 不仅仅是提供标准的 i18n 功能,例如 复数, 上下文,插值,格式。它提供了一个完整的解决方案。这篇文章不
终于 Remix 开始支持 Vite 了!
一、事情的开始 今年在学习 React Router 的时候发现 React Router 团队还有一个上层框架 Remix, 于是对 Remix 产生了浓厚的兴趣。因为本身自己是做 React 相关
Canvas 与 RxJS 制作动画-控制移动
一、简介 本系列是 RxJS 制作简单游戏教程,本文基于 React(Remix)/Canvas/RxJS 制作键盘控制box在水平和二维方向移动,移动方式有两种一种是键盘操作,一种是鼠标操作。 二、
View Transitions API 从原生 DOM 到 Remix 框架
一、简介 处理新旧内容的加载和定位。 对旧状态和新状态进行动画处理以创建过渡。 防止用户与旧内容的意外交互导致问题。 转换完成后删除旧内容。 二、兼容性 目前在 chrome 内核的浏览器支持的比较好
这 5 种情况下虚拟 dom 的性能不如原生 dom
虚拟DOM的设计目的是提供一种更高效的方式来构建和更新Web应用程序的用户界面,同时降低了性能开销和提高了开发效率。有时候我们会遇到这个问题,虚拟 dom 性能一定会超过原生 dom? 答案是:不一定
升级 Remix V2 学习&体验 remix-antd-admin
当前技术栈:React/Node.js pkg version desc remix v2.0.1 latest Remix antd v5.9.4 Antd UI @ant-design/pro-c
下一页