20.1K ·GitHub
这是什么?
一份手把手的教程,带你从零搭建一套现代 JavaScript 网页应用技术栈——从 Node 和 Yarn 开始,经过 React、Redux 和服务端渲染,一直讲到部署到 Heroku。
一份手把手的教程,带你从零搭建一套现代 JavaScript 网页应用技术栈——从 Node 和 Yarn 开始,经过 React、Redux 和服务端渲染,一直讲到部署到 Heroku。它是一个可以安装的框架或库吗?都不是——它是一份文字教程。每一章都配有可运行的代码示例,最终成果放在单独的 JS-Stack-Boilerplate 仓库里,所以学完你会得到属于自己的脚手架。
都不是——它是一份文字教程。每一章都配有可运行的代码示例,最终成果放在单独的 JS-Stack-Boilerplate 仓库里,所以学完你会得到属于自己的脚手架。我该怎么学它?跟着九章逐步式章节,自己动手写代码。每章都附带一个可运行的示例——用 yarn && yarn start 就能启动——而且所有内容在 Linux、macOS 和 Windows 上都能跑。
跟着九章逐步式章节,自己动手写代码。每章都附带一个可运行的示例——用 yarn && yarn start 就能启动——而且所有内容在 Linux、macOS 和 Windows 上都能跑。我得是个有经验的 JavaScript 开发者才能学吗?需要有一般的编程基础和 JavaScript 基础。教程刻意不深入讲解各个工具的内部原理——重点在于把它们组装起来,想深入了解某个工具请查阅它的官方文档。
需要有一般的编程基础和 JavaScript 基础。教程刻意不深入讲解各个工具的内部原理——重点在于把它们组装起来,想深入了解某个工具请查阅它的官方文档。这份教程还不过时吗?还是已经老了?它最后更新于 2017 年 5 月,所以有些库的 API 略有变化。作者估计 95% 的内容依然有效,并指出哪里看起来不对劲时可以去看仓库里未关闭的 issue。
它最后更新于 2017 年 5 月,所以有些库的 API 略有变化。作者估计 95% 的内容依然有效,并指出哪里看起来不对劲时可以去看仓库里未关闭的 issue。做小网站用它是不是杀鸡用牛刀?它是不是面向更大的应用?它面向的是需要扩展的网页应用。README 里说,对于只带一点 JS 的简单页面,Browserify/Webpack + Babel + jQuery 就够了,所以全套技术栈在那种场景下确实太重了。
它面向的是需要扩展的网页应用。README 里说,对于只带一点 JS 的简单页面,Browserify/Webpack + Babel + jQuery 就够了,所以全套技术栈在那种场景下确实太重了。为什么要手动搭建技术栈,而不是直接用 create-react-app?README 里其实也推荐:如果你只是想快速上手 React,用 create-react-app 就行。这份教程走的是相反的路:不用现成配置,这样你才能理解底层发生的每一件事。
README 里其实也推荐:如果你只是想快速上手 React,用 create-react-app 就行。这份教程走的是相反的路:不用现成配置,这样你才能理解底层发生的每一件事。这套技术栈涵盖哪些工具?共九章:Node/Yarn;Babel、ESLint、Flow、Jest、Husky;Express、Nodemon、PM2;Webpack、React、HMR;Redux、Immutable、Fetch;React Router、SSR、Helmet;Socket.IO;Bootstrap、JSS;Travis、Coveralls、Heroku。
共九章:Node/Yarn;Babel、ESLint、Flow、Jest、Husky;Express、Nodemon、PM2;Webpack、React、HMR;Redux、Immutable、Fetch;React Router、SSR、Helmet;Socket.IO;Bootstrap、JSS;Travis、Coveralls、Heroku。我可以跳过打字环节,直接看最终成果吗?可以——最终代码在单独的 JS-Stack-Boilerplate 仓库和 releases 里,还有一个在线演示。不过作者仍然建议你逐章亲手把代码敲一遍。
可以——最终代码在单独的 JS-Stack-Boilerplate 仓库和 releases 里,还有一个在线演示。不过作者仍然建议你逐章亲手把代码敲一遍。这份教程有其他语言的版本吗?有——V2 有社区翻译的保加利亚语、简体中文、法语、意大利语和波兰语版本;更早的 V1 还被翻译成了日语、俄语和泰语。
有——V2 有社区翻译的保加利亚语、简体中文、法语、意大利语和波兰语版本;更早的 V1 还被翻译成了日语、俄语和泰语。What are similar projects?react-redux-starter-kit, react-redux-universal-hot-example, front-end-guide, jstraining, TypeScript-React-Starter, react-redux-typescript-guide, react-redux-links, nodebestpractices
react-redux-starter-kit, react-redux-universal-hot-example, front-end-guide, jstraining, TypeScript-React-Starter, react-redux-typescript-guide, react-redux-links, nodebestpracticesWhich topics is it in?react-router, flow, yarn, socket-io, heroku, server-side-rendering, jest, eslint, bootstrap, es6, redux, unit-testing
react-router, flow, yarn, socket-io, heroku, server-side-rendering, jest, eslint, bootstrap, es6, redux, unit-testing