Lee Robinson logo

Lee Robinson

Subscribe
Archives
June 8, 2020

React 2025: Watch the first live stream & product announcement

Hey! You're getting this email because you signed up for updates from my site or my projects. If you don't want to get these emails, definitely unsubscribe — I only want to send these to you if you look forward to getting them ✌️


Last week, I live-streamed the introduction to React 2025. It was a blast having the community join along as we created the repo, set up Firebase, and deployed to Vercel. If you missed it, don't worry. You can view the recording here. Here's what we covered:

  • Introduction to the course
  • Announcement of the SaaS product
  • Shared an early preview of mockups and user flows
  • Created the initial Next.js application
  • Deployed to Vercel
  • Set up Firebase and GitHub user auth

If you enjoy the recording, consider joining our community for more live streams as I build the course. Plus, you'll immediately get access to two more live streams from this past week.

Fast Feedback

When brainstorming product ideas for the course, I needed something I'd enjoy creating. Plus, it needed to be complex enough to handle user authentication, database storage, and payments. After iterating on a few ideas, I ended up with Fast Feedback.

Fast Feedback is the easiest way to add reviews and comments to your static site.

Fast Feedback

Blogs are an essential part of the internet. They're an open dialogue between the author and their audience. However, it's increasingly becoming one-way communication. Adding comments to your blog is difficult, especially with the rise of static-site generators like Next.js and Gatsby.

Fast Feedback

Most people using these frameworks want comments, but they don't want the overhead of building the commenting system themselves. To add comments, you need to consider:

  • Do I want to allow anyone to comment? Should people log in?
  • What if people abuse the system? How can I moderate?
  • Will this impact the privacy of my readers?
  • Will this decrease the performance of my site?

Fast Feedback answers all those questions for you. With one line of code, you can add comments and reviews to your static site with any framework and any language.

  • Prevent spam by making users log in with social accounts
  • Authors have moderation tools to approve or reject comments.
  • Works great for blogs, e-commerce sites, e-books, courses, etc.
  • No tracking, no advertising. Just fast feedback from your users.
  • No JavaScript necessary. One line to embed a static iframe.

Fast Feedback

Design Process

Here's an inside look at my design process and workflow. First, I start with Excalidraw to quickly generate low-fidelity mockups.

Excalidraw

Then, I transition to high-fidelity with Figma.

Figma

Finally, I use OpenChakra to turn mockups into real React code with Chakra UI.

OpenChakra

This workflow strikes the right balance of visual design tools to quickly iterate on ideas and React code to hit the ground running.

What's Next?

In the next update, I'll share a written section of the course about data fetching in Next.js answering the following questions:

  • Should I use getStaticProps/getStaticPaths?
  • Should I server-side render?
  • Should I client-side render?

I'll also share more progress on Fast Feedback and show how we'll do data fetching for an admin dashboard.

🚀  Pre-order today and get $50 off + access to Mastering Next.js. ✨

Don't miss what's next. Subscribe to Lee Robinson:
Powered by Buttondown, the easiest way to start and grow your newsletter.