My colleague - Robert - made a super simple local API server for front-end junkies. You can fire it up with a single command and use it to learn client-side frameworks by building apps with them. The server has several endpoints, authentication and an awesome docs page to let you really focus on the client-side.
I decided to build a React app for the API and live stream the process.
Episode 1: Bootstrapping the React App
You can watch the video here:
(It was my first stream so the audio wasn't perfect - I know. :) The next ones were shot with a better gear!)
Episode 2: Authentication, UX and offline optimization
I also got inspired by Dan Abramov's suspense demo to do something similar in the following stream
Episode 3: Form handling and authentication.
Episode 4: Routes, Notifications, more UX
Then, in the fourth episode I revisited protected routes, implemented snackbar notifications and made some subtle UX optimizations.**
Episode 5: Making it a PWA
In the fifth episode I added the final touches to turn the app into an offline-first mobile friendly Progressive Web App. Check it out:
Would you like to know more about React? We will host a 'Modern Front-End with React' training in Warsaw, on June 21-22. If you are considering to deepen your React knowledge, don't hesitate to join us there.