Frontend stack

[peeomid]

Just curious, 'cause I see typescript in package. Which stack/stuff are we gonna use for this? If we wanna go with reactjs then I guess we should stick to pure ES6 instead of typescript?

[jameslutley]

@peeomid I’m curious too.

I’m not an expert on current bleeding-edge JavaScript (although I’m learning!), but I think this seems like a sensible starting point for the front end tech stack:

• Core library: React
• Application life cycle: Redux
• Language: ES6 / ES2015 with Babel
• Linting and style: ESLint with Airbnb’s style guide and ESLint config
• Dependency management: NPM, CommonJS, and ES6 modules
• Build tool: Webpack
• Testing: Mocha + Chai + Sinon
• Utility Library: Lodash

What does everyone think? @binhqd, @ndaidong

[ndaidong]

@jameslutley @peeomid : TypeScript = ES6 + Typing, I'm not fan of M$ so I just work with ES6, but I think it's not bad to learn TypeScript.

Regarding the list James given, I would like to add more several options:

• I like the smaller versions of React such as Riot or Preact for the small websites. With T3.js for modularizing, and a small library for handling view layer, that's good enough for me.
• Transpiler: I've switched from Babel to Traceur since time when they upgraded from v5 to v6. There were many issues at that period, hope that they have resolved as well now. Google does not seem to invest much resource on their transpiler.
• Linting: ESLint, of course. You may like to take a look at our style guide for JavaScript and Node.js.
• Dependency management: don't ignore JSPM and SystemJS. JSPM works with both npmjs and GitHub's resources. While SystemJS can load any module format.
• Build tool: Gulp is very flexible builder for me
• Testing: I just switched from Mocha + Chai to Tape, after reading an article by Eric Elliot and referring to the basic principles of TAP - Test Anything Protocol.

Just my two cents :)

[binhqd]

actually TypeScript = ES6 + Typing However, with React, we may use TSX instead of TS which may not familiar with many developers. As this time, I'm thinking about using TSX as a code generator so we can both working using TSX and ES6 if you feel comfortable with it :)