Step-by-step tutorial to build a modern JavaScript stack from scratch
1–10 of 211 posts
Re: Step-by-step tutorial to build a modern JavaScript stack from scratch
#2FYI: if somebody doesn't want to wire everything, there's a pretty good solution: https://github.com/facebookincubator/create-react-app
EDIT: just to be clear, I think that the tutorial itself is valuable and I appreciate it. I just wanted to post the link to CRA before somebody will come here complaining about "JS fatigue". I use most of the tools that tutorial describes and will use it to learn more about wiring testing-related tools. So yeah - thanks for posting the link and for the author(s) for taking the time to create such resource.
Re: Step-by-step tutorial to build a modern JavaScript stack from scratch
#3I appreciate the effort, certainly do. But, and this a big but: the amount of tooling, libraries, complexity and systems needed for a "modern" web app is almost comical at this point.
Re: Step-by-step tutorial to build a modern JavaScript stack from scratch
#4I appreciate the effort, certainly do. But, and this a big but: the amount of tooling, libraries, complexity and systems needed for a "modern" web app is almost comical at this point.
In fairness you definitely do not need everything listed here to have a perfectly fine web app. I think it's more beneficial to add in things when you find a use case for it. You probably don't need 3 unit testing libraries, you don't need Redux to use React, nor do you need Immutable to use Redux.
Re: Step-by-step tutorial to build a modern JavaScript stack from scratch
#5I appreciate the effort, certainly do. But, and this a big but: the amount of tooling, libraries, complexity and systems needed for a "modern" web app is almost comical at this point.
[deleted]
Re: Step-by-step tutorial to build a modern JavaScript stack from scratch
#6I would give up Immutable because of it's bad performance and often confusing api.
Also I'd give up Mocha, Chai & Sinon for tape, which is way simpler and more than enough:
https://medium.com/javascript-scene/why-i-use-tape-instead-o...
Re: Step-by-step tutorial to build a modern JavaScript stack from scratch
#7Alternative stack that gets you much of the same stuff with less:
TypeScript, React, Redux, Webpack, Immutable, Ava
- TypeScript covers much of the benefit of es6/babel/eslint/flow, Ava covers chai/mocha, and webpack can cover most of what gulp provides
Re: Step-by-step tutorial to build a modern JavaScript stack from scratch
#8I appreciate the effort, certainly do. But, and this a big but: the amount of tooling, libraries, complexity and systems needed for a "modern" web app is almost comical at this point.
Are you sure it doesn't seem that way to you because you're less familiar with the ecosystem? Compare it to a Java backend. You might pick Ant, Ivy, Docker, Dropwizard, Guice, Jersey, Jackson, Mockito, JUnit, etc. I don't consider that to be radically less complex than the front-end stack proposed here -- but it just seems that way because a lot of those are "de facto" tools.
Re: Step-by-step tutorial to build a modern JavaScript stack from scratch
#9I would give up Immutable because of it's bad performance and often confusing api. Also I'd give up Mocha, Chai & Sinon for tape, which is way simpler and more than enough: https://medium.com/javascript-scene/why-i-use-tape-instead-o...
haven't tried out Tape but if I could get rid of 2 libs and just use one then that's great.
Re: Step-by-step tutorial to build a modern JavaScript stack from scratch
#10I appreciate the effort, certainly do. But, and this a big but: the amount of tooling, libraries, complexity and systems needed for a "modern" web app is almost comical at this point.
Describing that collection of tools as "minimalistic" was indeed a touch of irony.
Angular (1.x) might not be "cool" anymore, but it can be pretty darn "minimal" to set up: https://github.com/roboprog/ang-prog-enh
(above not quite done, it's for a presentation I'm going to do in December, but it's pretty close)
React works better for many things - server side rendering for SEO; endless scrawling wall of chunks of more-of-the-same (social media...) - but it's not "simple".