✨ A quick look back at how I started coding, about a year ago:
HTML → CSS → JavaScript → React 👩🏻💻
One strategy that’s really worked for me?
Focusing on a single project and continuously refactoring it over time 🔁
Now, don’t get me wrong—breadth matters.
Exploring different projects and learning from diverse sources is super valuable 👨👩👧👦
But for me, depth—really digging into one project—has been a game-changer 👍
Here’s how I approached it:
Start simple: I found a basic to-do list on CodePen. I kept the HTML/CSS, stripped out the JavaScript, and rewrote it myself. This helped me zero in on just JavaScript without getting overwhelmed.
Redesign from scratch: Once the logic was in place, I rebuilt the CSS to match my own style. Again, starting fresh helped me learn more deeply.
Level up with React: I refactored the app using React class components.
Modernize it: Then I refactored again using functional components and React hooks.
Style it smartly: Finally, I rewrote all the CSS using Styled Components.
This iterative approach helped me understand how the same functionality can be implemented in multiple ways—and gave me a deeper appreciation for how vanilla JavaScript connects with React.
I started with a basic app and evolved it into what I work on today:
Autorank — Autorank helps companies rank on Google and AI search with automated SEO.
Hope this helps someone out there!
Drop any questions in the comments 👇
Image credit: https://www.geeksforgeeks.org/
Top comments (0)