Don't blame yoy tools

Palestra apresentada no 6º encontro do https://valleyofdevelopers.github.io/

Chamada:
Falaremos sobre como a volatilidade da atenção da comunidade front-end afeta a indústria, dieta forçada para trolls e como escrever código razoável* com tooling de primeira (webpack, nesse caso) e ferramentas que não tem mais espaço no buzz mas que sabemos que continuarão presentes no nosso dia-a-dia**.

* não se precipite, definiremos isso durante a conversa
** vai ter jQuery sim

Transcript

1. DON'T BLAME YOUR TOOLS GETTING REAL WITH WEBPACK Don't blame your tools - @vimoding
2. WHY? Don't blame your tools - @vimoding
3. NOT EVERY PROJECT IS A GREENFIELD PROJECT Don't blame your tools - @vimoding
4. EVERY DEV WISH TO WORK WITH MODERN CODE Don't blame your tools - @vimoding
5. Q: IS IT POSSIBLE? TO COMBINE THE OLD AN THE NEW IN ORDER TO GET A REASONABLE CODE A: YES. IT IS Don't blame your tools - @vimoding
6. WE ARE IN THE CHAOS... Don't blame your tools - @vimoding
7. DON'T GET ME WRONG Don't blame your tools - @vimoding
8. ...BUT WE NEED TO EXTRACT ORDER Don't blame your tools - @vimoding
9. WE ARE DONE TO START Don't blame your tools - @vimoding
10. Don't blame your tools - @vimoding
11. HOW I USED TO SEE WEBPACK CONFIG Don't blame your tools - @vimoding
12. CORE CONCEPTS > Entry > Loaders > Plugins > Output Don't blame your tools - @vimoding
13. CORE CONCEPTS > Entry > Loaders > Plugins > Output Don't blame your tools - @vimoding
14. module.exports = { entry: './index.js', output: { path: __dirname + '/public', filename: './bundle.js' } }; Don't blame your tools - @vimoding
15. module.exports = { entry: './index.js', output: { path: __dirname + '/public', filename: './bundle.js' } }; Don't blame your tools - @vimoding
16. CORE CONCEPTS > Entry > Loaders > Plugins > Output Don't blame your tools - @vimoding
17. module.exports = { // input and output definition module: { loaders: [{ test: /.html$/, loader: 'underscore-template-loader' }] } // plugin definition }; Don't blame your tools - @vimoding
18. module.exports = { // input and output definition module: { loaders: [{ test: /.html$/, loader: 'underscore-template-loader' }] } // plugin definition }; Don't blame your tools - @vimoding
19. module.exports = { // input and output definition module: { loaders: [{ test: /.html$/, loader: 'underscore-template-loader' }] } // plugin definition }; Don't blame your tools - @vimoding
20. Don't blame your tools - @vimoding
21. Don't blame your tools - @vimoding
22. CORE CONCEPTS > Entry > Loaders > Plugins > Output Don't blame your tools - @vimoding
23. module.exports = { // input and output definition module: { loaders: [{ test: /.css$/, use: ExtractTextPlugin.extract({ use: "css-loader" }) }] }, plugins: [ new ExtractTextPlugin('style.css') ] }; Don't blame your tools - @vimoding
24. module.exports = { // input and output definition module: { loaders: [{ test: /.css$/, use: ExtractTextPlugin.extract({ use: "css-loader" }) }] }, plugins: [ new ExtractTextPlugin('style.css') ] }; Don't blame your tools - @vimoding
25. module.exports = { // input and output definition module: { loaders: [{ test: /.css$/, use: ExtractTextPlugin.extract({ use: "css-loader" }) }] }, plugins: [ new ExtractTextPlugin('style.css') ] }; Don't blame your tools - @vimoding
26. > Minification > sprites > code extraction > upload to S3 > ... ARE ALL FUNCTIONALITIES PROVIDED BY PLUGINS Don't blame your tools - @vimoding
27. WEBPACK-DEV-SERVER module.exports = { //.. devServer: { port: 4000, contentBase: './public' }, // ... }; Don't blame your tools - @vimoding
28. IT'S CODE TIME LIVE CODING? ...NO HTTPS://GITHUB.COM/VINICIUSALMEIDA/WEBPACK-TALK-EXAMPLES Don't blame your tools - @vimoding
29. RESUME RETHINK YOUR CURRENT TOOLS AND BE CREATIVE Don't blame your tools - @vimoding
30. BE CREATIVE ABOUT CODE IS A GREAT THING THANKS! @VIMODING Don't blame your tools - @vimoding