首页
前端开发
Typescript
React Data Handling Lab Redux和Storybook数据管理与组件开发实验室

React Data Handling Lab Redux和Storybook数据管理与组件开发实验室

0 次浏览 0 条评论
zip
zip

想深入了解 React 数据管理？那你一定得看看这个“react-data-handling-lab”。它 React 应用中状态管理的最佳实践，结合了Redux、Storybook等流行工具。开发者可以在这个平台上实验数据管理和组件开发，搭配了TypeScript让代码更安全，也能享受通过Redux Toolkit简化状态管理的便利。你不但能学到如何全局状态，还能体验 Storybook 在组件开发过程中的强大功能。

如果你对状态管理感兴趣，这个项目真的挺适合你。项目中用了多现代化工具，让你对 React 项目中的数据流动有更清晰的理解。而且，Storybook 让你可以在不影响主应用的情况下独立调试 UI 组件，蛮适合团队协作。，不管是初学者还是有经验的开发者，都能从中获得不少实际操作的经验。

另外，Redux的时间旅行功能方便调试，开发过程中如果状态有点混乱，随时回溯过去的状态，看个清楚。项目的结构也挺清晰，你更好地理解 React 如何与全局状态交互。至于 TypeScript 的加持，更是让你少踩多坑，提高了开发效率。如果你打算用 Redux 做中大型项目，这个示例也许能给你多灵感。

zip
react-data-handling-lab-master.zip 预估大小：61个文件
folder
react-data-handling-lab-master 文件夹
file
.env 18B
file
.eslintrc 528B
folder
public 文件夹
file
manifest.json 492B
file
index.html 741B
file
robots.txt 57B
file
favicon.ico 4KB
file
logo512.png 9KB
file
reset.css 7KB
file
logo192.png 5KB
folder
src 文件夹
file
index.tsx 401B
folder
utils 文件夹
file
redux.ts 694B
file
history.ts 86B
folder
stories 文件夹
folder
main 文件夹
file
Label.stories.tsx 660B
file
Main.stories.tsx 757B
file
addons.ts 161B
folder
styles 文件夹
file
colors.ts 3KB
folder
components 文件夹
folder
post 文件夹
file
PostContents.tsx 1013B
file
Post.tsx 310B
file
Comment.tsx 572B
folder
shared 文件夹
folder
loading 文件夹
file
Loading.tsx 91B
folder
layout 文件夹
file
ListWrapper.tsx 294B
file
MainContainer.tsx 342B
file
Dimmed.tsx 665B
folder
error 文件夹
file
NotFoundPage.tsx 107B
file
PopupError.tsx 1KB
folder
user 文件夹
file
User.tsx 312B
file
UserProfile.tsx 606B
folder
main 文件夹
file
Main.tsx 1KB
file
Label.tsx 954B
file
LabelIndex.tsx 479B
file
App.tsx 479B
folder
__tests__ 文件夹
file
normalize.test.ts 2KB
folder
features 文件夹
folder
post 文件夹
file
PostSlice.ts 3KB
file
Post.test.ts 782B
file
PostModel.ts 1KB
folder
common 文件夹
folder
loading 文件夹
file
LoadingSlice.ts 549B
folder
error 文件夹
file
ErrorSlice.ts 667B
file
index.ts 848B
folder
user 文件夹
file
UserModel.ts 317B
file
UserSlice.ts 849B
folder
comment 文件夹
file
CommentModel.ts 431B
file
CommentSlice.ts 934B
folder
typings 文件夹
file
index.ts 287B
folder
api 文件夹
file
post.ts 4KB
file
react-app-env.d.ts 40B
file
setupTests.ts 254B
folder
.vscode 文件夹
file
settings.json 370B
file
craco.config.js 493B
folder
.storybook 文件夹
file
main.js 629B
file
preview.js 524B
folder
decorators 文件夹
folder
addon-redux-toolkit 文件夹
file
index.ts 85B
folder
redux-action-prevent 文件夹
file
index.ts 611B
file
withRedux.ts 909B
file
withProvider.tsx 294B
file
tsconfig.json 529B
file
.prettierrc 69B
file
README.md 482B
file
.gitignore 310B
file
package-lock.json 811KB
file
tsconfig.paths.json 96B
file
package.json 2KB
...
zip 文件大小：251.22KB