— 5 min readEdit post on GitHub
In 2019 I resolved to learn React because I have seen that PWA will be one of the critical technologies of the future. In 2020 has shown that it was the right decision because the headless hype train will roll in soon.
I know React is not a golden hammer and is maybe not the right choice for your Project. If you want to more when you should select a PWA Approche, you should read https://larsroettig.dev/getting-started-with-magento-pwa-studio.
Now when you get into headless architecture, there is significantly much to learn and understand. Because the development of backend and frontend is independent, from my perspective, an advantage new frontend developers can use already known technologies like ReactJS without going through the learning curve of Magento. But without data from backend is not possible to build an online store with actual inventory. So we also need developers to build API between frontend and backend.
From my point of view makes this approach essayer to hire developers but this is a different story.
When you start working with React, you will find that there is an extreme amount of material. Unfortunately many are books quickly become outdated or not good enough to learn.
After also most two years working in React and TypeScriprt in my spare time. I will summarize In this Blogpost what help me to tame the technology stack.
Also, there is a Big shift in React Community Trainers like Kent C. Dodds, Sebastian Springer also recommends using TypeScript.
A TypeScript in 50 Lessons by Stefan Baumgartner (39.00 €)
Stefan Baumgartner breaks down the quirks of TypeScript into short, manageable lessons.
I would call it the TS Bible a Complete guide for TypeScript. I highly recommended to read it, especially the chapters on generics and conditional types.
There are incredibly many courses and books to learn to React. Unfortunately, many are outdated or do not explain enough.
The Beginner's Guide to React (Free)
React Hooks in Action ($39.99)
Build interfaces in React without writing custom classes. React Hooks in Action teaches you to use pre-built hooks like useState, useReducer and useEffect, and build your own hooks.
I really enjoyed the clear examples you also find many Graphic Materials what descript flow and how to React hooks works. In this book, you also learn about all the essential things to write maintainable React Code.
TypeScript Plus React = Love (Free)
Fullstack React with TypeScript ($39.99)
I practical guidelines you will learn building professional React Application with TypeScript. I find the examples very practical and help one deepen the React Pattern and remember.
I miss explanations for the basics like how the pattern works in theory with graphics. Without React knowledge, you will not understand some important topics.
Mainly for 39 $ but is extremely good if you do not know what to build with the newly acquired knowledge.
Epic React (599$)
This course is a 19-hour collection of an interactive self-paced workshop exercise.
I finish the first 5 sections of it.
From my point of view it has excellent Examples I think you can spend weeks to understand all sections and build all things with all extra credits, which helps real applications.
To summerize for me, it was worth spending the money as I gained a deeper understanding of React.
In my experience, if you learn a new language or it is essential to train it to get Professional. Train in the Job is not really an option mostly; it leads to a maintainable code base, and your Team and customer will be unhappy. From my point of view, it is beneficial to start with contributions to project like PWA-Studio. I can recommend before you start a Headless Project, make sure your Team know about all Technologies. This means your Frontend Team should spend 2-3 days to get familiar with React. Also, you need an Expert what your Team lead and train show the Gaps.