Discover and read the best of Twitter Threads about #Webpack
Most recents (4)
I spoke about how #JavaScript module bundlers (those things like #Webpack) work under the hood yesterday at @coderful!
🗒Here's a short-ish summary:
1/
🗒Here's a short-ish summary:
1/
TLDR: Module bundlers like Webpack are not "complicated" or "magic" per se, the practice of module bundling is a complicated matter and you need to understand it before you can fully understand what a module bundler does and how to configure it correctly! 🦄
2/
2/
Why do we need module bundlers? Several reasons:
- Today we rely a lot on third-party software (e.g. modules from #npm)
- There are many different standards for JavaScript modules
- We want to write code in a way that is convenient and just "compile" it for the browser
3/
- Today we rely a lot on third-party software (e.g. modules from #npm)
- There are many different standards for JavaScript modules
- We want to write code in a way that is convenient and just "compile" it for the browser
3/
⚛️ Create #React App (CRA) it's a wonderful tool, but IMHO it tries to do too much and tends to give you a bloated setup.
If you are like me and prefer to start simple and build incrementally, here's a React scaffold alternative in just 10 simple-ish steps!
🧵 A thread 👇
If you are like me and prefer to start simple and build incrementally, here's a React scaffold alternative in just 10 simple-ish steps!
🧵 A thread 👇
1. 🥳 Create and init your project
mkdir my-new-react-project && cd my-new-react-project && npm init -y
mkdir my-new-react-project && cd my-new-react-project && npm init -y
2. 🎁📦🎁 Let's install some dev deps:
npm i -D @babel/core @babel/preset-env @babel/preset-react babel-loader core-js html-webpack-plugin webpack webpack-cli webpack-dev-server
npm i -D @babel/core @babel/preset-env @babel/preset-react babel-loader core-js html-webpack-plugin webpack webpack-cli webpack-dev-server
Webpack gets millions of downloads every month and powers tens of thousands of websites and apps. But what does @webpack actually do and why is it useful?
In this mini-zine, learn the basics of #webpack, see it in action and get started with a remixable example app #thread ➡️
In this mini-zine, learn the basics of #webpack, see it in action and get started with a remixable example app #thread ➡️
Webpack's a module bundler for JavaScript apps. Here's what it does and why it's useful:
To configure Webpack you need to know about four main things:
(Ive never been able to say this yet)
🙋Well Actually!🙋
All of Office 365 is (almost finished) being completely rewritten in this little scripting language called #JavaScript.
And Skype
And Microsoft Teams
And @Code
And all of @MSEdgeDev Debug Protocol (instead of C++)
nbd
🙋Well Actually!🙋
All of Office 365 is (almost finished) being completely rewritten in this little scripting language called #JavaScript.
And Skype
And Microsoft Teams
And @Code
And all of @MSEdgeDev Debug Protocol (instead of C++)
nbd
Also,
C++ is RFCs for adopting JavaScript's module system because it's so damn good for static analysis. 😍🔥😍🔥
cc @jfbastien please make me look stupid if I'm wrong
C++ is RFCs for adopting JavaScript's module system because it's so damn good for static analysis. 😍🔥😍🔥
cc @jfbastien please make me look stupid if I'm wrong
And in case you were wondering. This is the goal and beauty. (At least the pieces I can talk about 😏)
