Git Product home page Git Product logo

js-stack-from-scratch's Introduction

从零开始构建 JavaScript 技术栈 - 中文版

阅读从零开始构建 JavaScript 技术栈 - 英文版

Build Status Release Dependencies Dev Dependencies Gitter

React Redux React Router Flow ESLint Jest Yarn Webpack Bootstrap

欢迎来到 JavaScript 技术栈指南: 从零开始构建 JavaScript 技术栈.

🎉 这是本教程的第二版,与2016年发布的版本相比,更新了不少东西。欢迎查看 更新日志!

该指南讲的都是一些可实操的知识。即使是这样,阅读者还是需要具备一些简单的编程知识和 JavaScript 基础。 教程的核心是把各种工具结合起来 并且为每一种工具提供了 最简单的例子。 学习该教程后,你可以尝试 从零编写你自己的 JavaScript 技术栈模板。 因为本教程的核心是结合各种工具的使用,我并没有详细地讲解每一种工具该怎么用。如果你想要进一步了解这些工具的使用,请参考它们的文档或指南。

如果你只是想构建一个简单的 web 页面,你可能并不需要这个完整的技术栈(把 Browserify/Webpack + Babel + jQuery 结合起来就足够了);但如果你需要构建一个可伸缩的 web app,并且需要配置各种环境,那这个教程正好适合你。

该教程的大量描述都和 React 有关。如果你是个新手并且想要学习 React,create-react-app 预设的配置能让你迅速搭建好 React 的运行环境。对于那些刚加入使用 React 团队的人来说,我建议他们使用 create-react-app 来快速搭建学习环境。在本教程中,你不会使用任何预配置,因为我希望你能够理解那些配置到底起了什么作用。

每一章的代码示例都包含在教程中,你可以通过 yarn && yarn start 来运行这些例子。不过,我建议你按着 详细指南 来把每一行代码都自己写一遍。

最终代码在 JS-Stack-Boilerplate repository, 和 releases. 在线示例: live demo

可运行于 Linux, macOS, 以及 Windows。

注意:本教程写作与2017年5月,因此,部分库的 API 已经做了修改。但教程中 95% 的内容仍然是有效的。如果你在阅读的时候遇到了问题,请到 issues 中查询。

目录

01 - Node, Yarn, package.json

02 - Babel, ES6, ESLint, Flow, Jest, Husky

03 - Express, Nodemon, PM2

04 - Webpack, React, HMR

05 - Redux, Immutable, Fetch

06 - React Router, Server-Side Rendering, Helmet

07 - Socket.IO

08 - Bootstrap, JSS

09 - Travis, Coveralls, Heroku

即将添加的内容

配置你的编辑器 (Atom 优先), MongoDB, Progressive Web App, E2E testing。

翻译

如果想添加你的翻译,请先阅读 translation recommendations

V2

查看 进行中的翻译.

V1

Credits

Created by @verekiaverekia.com.

License: MIT

js-stack-from-scratch's People

Contributors

arthur-zhuk avatar baer avatar ceritium avatar eswat avatar fbertone avatar felixsanz avatar fredchyan avatar goldylucks avatar grabes avatar halfakilo avatar imgbotapp avatar jakeniemiec avatar kevin-xi avatar love4cola avatar mihailgaberov avatar nagamalli9999 avatar naomihauret avatar nicolaferracin avatar peterchon avatar piperchester avatar radarhere avatar rouzazari avatar ruiqizhu26 avatar saniko avatar sbs863 avatar senk avatar techgaun avatar tribody avatar usulpro avatar verekia avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.