Long-board使用Redux Toolkit和TypeScript的Next.js项目模板
Redux Toolkit 加 TypeScript 的组合,在 Next.js 里用起来还挺顺的。long-board这个项目就整合得蛮干净的,目录清晰,代码也不复杂,初学 Redux 或者搞 TS 项目结构的可以看看。
store 的配置挺标准的,直接用configureStore
,中间件像redux-devtools
这些都默认带上了,省事。关键是这个例子也用到了createSlice
,写 reducer 和 action 就方便多了。
用 Next.js也自然,服务端渲染也能配合得上,页面跳转响应快,不用自己手动什么异步注水。部署也简单,你可以用npx create-next-app --example with-redux-toolkit-typescript
这个命令一键拉下来。
如果你是想上手一个靠谱的 Next + Redux + TypeScript 项目结构,或者想给团队搭个模版,这个项目还蛮适合参考的。别忘了看一下相关资源,比如react-redux-typescript-guide这个,讲得挺细的。
long-board-main.zip
预估大小:37个文件
long-board-main
文件夹
.gitignore
386B
components
文件夹
add-note.tsx
1KB
counter.tsx
4KB
Layout.tsx
974B
edit-note.tsx
1KB
clock.tsx
740B
package.json
689B
package-lock.json
99KB
50KB
文件大小:
评论区