How to Start and Structure a Website in ReactJS
Go from an idea to clean, crisp and easy to read code.
As a self-taught software engineer, I have come a LONG way since I started coding. I remember putting all my code into one HUGE file, a whole load of comments, and little planning.
I also had no idea how to use Git, or how it really worked. I heavily relied on the VSCode undo function to revert changes, and it was always
git commmit .
git push origin master.
And of course, this was only done when I had completely finished the project.
So, here’s what I have learned so far, and some great top tips for the beginner.
Why do I need a plan?
Well, I can tell you from first-hand experience that it helps with:
- keeping focused
- motivation
- reducing confusion
- and reducing complex decision making
Shortly after I started my software engineering journey, I applied for my first job at an ed-tech startup — they basically wanted me to implement the front end of YouTube in 2 hours.
This was a tricky enough task in itself and I was ridiculously nervous. On top of that, I…