I was reading Pure-React by David Ceddia and I was working on an exercise to create an email component.
But I was having a hard time with Flexbox after reading a few articles online before diving into using it.
So I will share a learning path that has worked for me.
Flexbox.io by Wes Bos
I watched all the videos and tried to implement the email component in React using Flexbox. But it was tougher than I had anticipated. The main reason was due to inconsistent naming conventions used.
When you first use Flexbox, the hardest part is to get used to following properties
Having fun with Flexbox Froggy
The game consists of 24 stages, each stage featuring different Flexbox properties. On first try it took me 30 minutes to get to 23rd stage and additional 10 minutes for 24th (last) stage. After going through the game 5 times (24 stages x 5 times) until I didn’t have to read any instructions, I was able to understand Flexbox.
After getting more confidence, I watched Wes’ course one more time. I was able to get much more out of his videos.
Here is the summary of Flexbox Learning Path.