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/
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/
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/
Read 16 tweets
βš›οΈ 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 πŸ‘‡
1. πŸ₯³ Create and init your project

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
Read 11 tweets
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 ➑️
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:
Read 5 tweets
(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
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
And in case you were wondering. This is the goal and beauty. (At least the pieces I can talk about 😏)

Read 10 tweets

Related hashtags

Did Thread Reader help you today?

Support us! We are indie developers!


This site is made by just two indie developers on a laptop doing marketing, support and development! Read more about the story.

Become a Premium Member ($3.00/month or $30.00/year) and get exclusive features!

Become Premium

Too expensive? Make a small donation by buying us coffee ($5) or help with server cost ($10)

Donate via Paypal Become our Patreon

Thank you for your support!