What should I learn?
The front end landscape is vast. It feels unrealistic to know everything. To start with I'm going avoid out of date/rarely used technologies from my list of things to learn (sorry Adobe Flash).
The path that I've decided on is to know one modern stack well and to have some knowledge of what else is out there. I landed on this because there are a lot of similarities between different options (ie. React vs Angular vs Vue), so having a deep understanding of all of them doesn't feel like the best use of my time.
I currently have a pretty deep understanding of Typescript, React, Webpack, css-in-js, so my focus will be on increasing my breadth. Luckily, there are some good tools out there to help you know what to learn and I'm not going to re-invent the wheel.
It seems like a good idea for a Front End Architect to be a really solid Front End Engineer, so I'm going to start with following the Front End Roadmap. Parts that I have lots of experience I'll skim over, and I'll spend more time on those that I'm shakier on.
As I'm going along I'm going to start a list of "New Hotness" in the front end world and I'll start to dip my toe into those areas (I'm looking at you micro front ends).
I'd ask for you thoughts below, but I haven't added a way for people to leave comments yet. Maybe DM me on linked in for now...