2020-11-27
2164
#react
David Aji
29627
Nov 27, 2020 ⋅ 7 min read

Creating a Google Keep clone with React and Firebase

David Aji Frontend developer.

Recent posts:

A guide to modern frontend architecture patterns

Frontend architecture is the foundation of your frontend codebase. Here’s how to optimize the pattern that you choose.

Shalitha Suranga
Feb 12, 2025 ⋅ 9 min read
A Guide To Graceful Degradation In Web Development

A guide to graceful degradation in web development

Implement graceful degradation in frontend apps by handling failures, mitigating API timeouts, and ensuring a seamless UX with fallbacks.

Rosario De Chiara
Feb 11, 2025 ⋅ 4 min read
Building High-Performance Websites Using Htmx And Go

Building high-performance websites using htmx and Go

Use htmx and Go to build high-performance websites, leveraging server-side rendering and minimal JavaScript for fast and efficient applications.

Abhinav Anshul
Feb 10, 2025 ⋅ 11 min read
improving ux with scroll-select box

How to improve UX with a scroll-select box

The scroll-select box is a great tool for frontend developers to improve the user experience of their applications. Learn how to build a scrollable date picker that mimics the iOS style, but with the exemption of the <select> element.

Emmanuel Odioko
Feb 7, 2025 ⋅ 10 min read
View all posts

2 Replies to "Creating a Google Keep clone with React and Firebase"

  1. This tutorial is neat, but as it seems to be outdated and doesn’t work in its current version. Notes don’t post when focus is changed. Would you be willing to update it, and maybe add some more clear instructions in some areas? It was not always clear where something should go.
    Also – I had to include the line props.onShowInput(true); to the onFocus as the title wouldn’t show otherwise.

    1. Thanks for the helpful feedback. We’ll review this post and put it under consideration for an update.

Leave a Reply