Skip to main content

Command Palette

Search for a command to run...

React learning journey so far

How I almost failed

Updated
β€’2 min read
React learning journey so far
A

I am a developer from Kenya. CS student and passionate programmer. I program in Python and Javascript mostly. Knowledge of what I don't know moves me so I always try to better myself.

How I started out

6 months ago I started learning React. I earnestly followed the getting started guide and at long last, I completed the infamous tic tac toe. Then I stopped, after 2 months of learning. Nothing stuck anymore. I would refer to the docs more than I wanted for even the basics and that frustrated 😩 me a lot.

What should I do next?

I wanted to jump to another technology, maybe Vue. I did hear that Vue was "easier to learn" and "developer-friendly". I did the same thing with Angular, now React! After days of indecision, I concluded that if I needed to understand React well, consistency is key πŸ”‘.

I came up with a plan

I had to change the way ↕️ I learn. My plan was simple. Build Projects. No matter how dumb or simple they are. I have to say this way the best idea πŸ’‘ I ever came up with. I started small by building static web pages to simple to-do applications.

Where am at now

I am working on a side project building a blogging website named Reblog. It is not an innovative project, just a helper to help me level up.

What I've learnt so far

Well, I have learnt a ton of new stuff. Though I wouldn't consider myself an expert. Here is a summary of the things I now know that I was unaware of;

  1. Create React App CLI πŸ› 

    This tool is so vital to take for granted. If you're a novice, you often hear, "React is just a library" πŸ“š. This tool plays a major role in writing πŸ“ standard production-ready React. I plan to cover it in greater detail in another article. Just visit the Create React App web page.

  2. Hooks πŸͺ

    They helped me write stateful functional components. Implementing hooks on this project has largely cemented my knowledge of hooks.

  3. A few more topics I'm confident;

    • Render props
    • Refs
    • Context API
    • Presentation & Container components
    • React router dom

The End

I appreciate your taking the time read my post. Thank you πŸ™

M

Awesome! I think I learned it way quicker somehow, and I'm surprised while looking back.

I already had enough JS, HTML, and CSS knowledge and wanted to create awesome apps, but wasn't easy with just those. So, I started learning React. The first few times, I got to initializing the project, and then got carried away.

I foolishly put up a React Gig on a freelance website for $5 just for fun, and got an order within a few days. As surprised as I was, I couldn't just reject the order, so I got to creating it. The client needed a full adoption management system with authentication, UI design, database, API, extra features like emailing, and best coding practices like adding URI parameters on the frontend.

I didn't know a word about any of the above, but the deadline was nearing. So, I got to learning react. I logged onto YouTube and saw a ~15 hours course on freecodecamp. It was literally the best course I could find till now, and I'm glad I took it.

Then, I had the basics straight, but still didn't know how to create a full stack app. So I searched for a full stack MERN app, because the name sounded good, and got to this video of someone implementing a full ecommerce app. I thought of following along and typing out every single line of code.

By the end of the 8-9 hours, I already knew how to setup databases, APIs, react apps, handle authentication, and so much more. This was the greatest tut I could have watched.

Then I got into creating the actual app for the gig. I put extra effort into making it stand out, and it turned out great

And then I continued getting gigs and I stepped up my React game, and I'm proud of my journey.

Our journey is pretty similar, and it's great to hear others'. Thanks for the awesome article πŸ˜ƒ

1
A

Awesome