Learn-farsi React语言学习项目

从英语出发学波斯语的项目挺有意思的,叫 Learn-farsi。核心是个基于 React 的前端应用,开发流程也挺标准的,启动、测试、打包啥的都安排得清清楚楚。适合对 ReactWebpack 这些有点基础,又想捣鼓点语言学习工具的朋友。

npm start 一键启动,默认是开发模式,改个组件、页面秒刷新,挺适合边写边调。控制台还有 ESLint 的提醒,写错了马上就知道,省得上线后才出锅。

想做上线版就跑 npm run build,会自动优化、压缩、加 hash,打出来的包比较小,性能也靠谱。页面里写好的 React 代码都被捆好了,直接扔服务器就能跑。

测试部分是 npm test,会进入交互模式,可以选要跑的测试文件,适合写单测的时候调试。平时用得不多也可以跳过。

要注意哦,npm run eject 是个单行道,一旦执行,所有配置文件就暴露出来了。适合那种想完全掌控构建流程的人,比如自己改 webpack.config.js 或者换 babel 插件的场景。

整体来说,这项目适合想练手 React,又对语言学习类产品感兴趣的朋友。如果你正好在用 create-react-app 起项目,不妨看看它是怎么组织结构、怎么配置脚本的,说不定就有灵感了。

zip
learn-farsi-master.zip 预估大小:29个文件
folder
learn-farsi-master 文件夹
folder
.github 文件夹
folder
workflows 文件夹
file
master_deploy.yml 864B
folder
public 文件夹
file
manifest.json 492B
file
index.html 2KB
file
robots.txt 67B
file
favicon.ico 3KB
file
logo512.png 9KB
file
logo192.png 5KB
folder
src 文件夹
file
index.tsx 503B
file
types.ts 705B
file
index.css 366B
file
App.test.tsx 273B
folder
components 文件夹
file
Header.css 274B
file
Header.tsx 643B
file
fetchParseCsv.ts 602B
file
rules.ts 1KB
file
App.css 269B
file
App.tsx 2KB
file
react-app-env.d.ts 40B
file
serviceWorker.ts 5KB
file
setupTests.ts 255B
folder
routes 文件夹
file
FlashCards.tsx 6KB
file
Grammar.tsx 3KB
file
FlashCards.css 353B
file
Vocabulary.tsx 479B
file
tsconfig.json 491B
file
README.md 2KB
file
.gitignore 321B
file
package-lock.json 610KB
file
package.json 1KB
zip 文件大小:187.15KB