Learn Redux and webpack with Jakob’s advanced frontend dev bundle
But you can’t wrap your head around the two tools that comes next in your long list of tech to learn: Redux and webpack.
Both webpack and Redux seems scary. You’re almost afraid to touch it. The webpack configs you find in boilerplate projects are 100s of lines of code that are impossible to reverse engineer without detailed knowledge about webpack internals.
And all the dependencies you must install to just get started with a project using webpack and Redux is just pure crazy. Look at this list:
npm install --save-dev \ webpack \ webpack-cli \ @babel/preset-react \ babel-loader \ @babel/core \ @babel/preset-env \ webpack-dev-server \ redux \ react-redux \ redux-thunk \
And there is nothing fancy here. Just the absolute basic dependencies to get started with a “hello world” project.
You want to write fast apps but doesn’t all those dependencies make your app heavier?
You know it’s possible to use Redux and webpack to write scalable applications that are quick to load and smooth to use because you keep hearing other people being happy with it. It just seems like you can’t do it.
The problem is the way it is being taught.
You’re supposed to clone some boilerplate from github and just figure things out by googling and reading docs. But the docs are terrible for a newbie. They’re too detailed and long.
You read the docs for hours and yet you sit there with the feeling “I should learn webpack so I can understand how my app works”
It’s not your fault that it’s hard to learn. You’re not stupid or slow. Learning by reverse engineering boilerplates is an inefficent and time consuming way to learn.
You want to get to that next level to get a frontend job, or to get a promotion. And you don’t want to waste your time to get there.
There are no shortcuts. The best way to learn is to start from the beginning. A clean slate. Just you and a blank editor and the build that Redux setup, or the webpack config from scratch.
When you know you can build something from scratch then you deeply know you know all the basics. You build up a solid foundation. That builds confidence. The confidence to know that you can handle any kind of unexpected challenge in the future because you know how the tech really works deeply.
In my two ebooks “Learn webpack” and “Real-world Redux” I use this approach. You start with nothing. In the Redux book you even learn how to implement your own fully-working Redux implementation.
This doesn’t mean that these books are basic or only for learning on the surfuce.
When you have built up that foundation of knowledge you’ll be surprised how quickly all those advanced and scary advanced crazy stuff is no longer anything special for you. You’re taking on the ducks pattern, Hot module reloading, and code splitting like you knew it all your life.
You that state of mind where you are totally immersed in your work. Nothing else exsist in that moment. The challenge in front of you is just in perfect balance - it’s not too simple and not to hard so you get totally stuck.
I know you know about it and you have felt it. It’s in this zone where you build up not only knowledge and experience - but also confidence.
Leverage all features from webpack like tree shaking, code splitting and dynamic loading to create apps that are super quick to load.
You know how important it is to write clean code. But how should you do it in practice to write apps that can scale? Creating smart folder structure, scalable Redux architecture, and a webpack config using industry best practices.
webpack is currently the industry standard. all major toolkits like gatsby, CRA, next etc is built upon it. If you want to write anything more than basic out-of-the-box stuff you must deepen your skills.
I’ve put together a bundle with my two most popular ebooks for learning Redux and webpack. Only available this black friday!
It's me, Jakob. I'm a full stack developer and independent consultant. I have 10 years of experience as a professional dev and I have been coding as a hobby since I was a kid.