Reducing configs for JavaScript projects

Compilers, linters, formatters, testing frameworks... keeping up with tools in the JavaScript ecosystem can be overwhelming. In this talk, Can Göktas will talk about different ways of maintaining tools and configs as well as how custom CLI-wrappers can help with reducing configuration overhead. Learn how to set up new projects and keep existing ones in sync without going crazy!

Transcript

1. Reducing configs for JavaScript projects
2. Hi, I’m Can Full-Stack JavaScript Developer blogfoster
3. The problem
4. All JavaScript project landscape
5. Imagine working without Babel, ESLint, Prettier, Jest, Mocha, ...
6. Tools are important
7. 2016 . today .
19. "Source-maps are not working in the tests. Can we fix that?" "Can we add a new Babel plugin or a new language feature?" "Can we switch to TypeScript?" “Can we get rid of Mocha and use Jest?”
20. You don’t get everything right at the first time
21. The ecosystem is changing constantly
24. Shared configs
25. How do we share code? npm install <package-name>
36. npm install my-shared-config@latest
38. Not all tools support shared configs
39. Help but don't enforce consistency
40. 1. Changing configs for multiple projects 2. Changing tools for multiple projects
41. 1. Changing configs for multiple projects ✅ 2. Changing tools for multiple projects
42. 1. Changing configs for multiple projects ✅ 2. Changing tools for multiple projects ❌
43. Toolboxes
45. { "name": "my-react-app", "scripts": { "start": "react-scripts start", "build": "react-scripts build", "test": "react-scripts test --env=jsdom", "eject": "react-scripts eject" }, "devDependencies": { "react-scripts": "^1.1.4" } }
53. npm install my-toolbox@latest
55. 1. Changing configs for multiple projects ✅ 2. Changing tools for multiple projects ✅
56. Conclusion
57. Shared configs – easy to setup and easy to maintain
58. Shared configs work best when the set of tools you are using doesn't change
59. Toolboxes are the most flexible way of keeping configs and tools consistent for many projects
60. Increased complexity – higher maintenance costs
61. create-react-app
 github.com/facebook/create-react-app Dan Abramov – "The Melting pot of JavaScript"
 https://youtu.be/G39lKaONAlA Kent C. Dodds – "Tools without config"
 https://blog.kentcdodds.com/automation-without-config-412ab5e47229
62. Thank you @cangoektas engineering.blogfoster.com