Philosophy

This guide is a walkthrough on the steps towards developing your own application using a basic React SPA as an example.

It seeks to provide a specific example that can be used to base your project on while also providing resources for you to explore alternatives.

Do recognize that nothing mentioned is absolute and that there are numerous paths towards approaching an app, none exactly better than the other.

If you at any point feel confused, know that professional web developers feel the same as well, and definitely do not feel afraid or ashamed to ask others for help or clarification.

Otherwise I hope this guide provides all the necessary knowledge you need to kickstart your journey and wish you all the best in your endeavors.


1. Preparation 🛠️

You’re probably prepared already for the journey ahead, but just in case, refreshing on the basics might be helpful.

New Quest

<aside> ⚡ Check out the Relevant Resources.

</aside>

Relevant Resources

What is “Frontend”?

Building Blocks of a Webpage

Frontend Lingo

2. Choosing the UI and Style tools 🤔