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

In the first episode I bootstrapped the app with Create React App and made a few pages with Material-UI and my own React stack, which will be open-sourced soon.

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.