Let’s Build a Financial Dashboard with React

In this tutorial, we'll build a sample financial dashboard from scratch and learn a bit about CSS grid syntax, KendoReact, and theming in the process. You will get the code so you can code along with TJ, plus a video walk-through, if that’s how you roll. Check it out.

Why is it so difficult to modify a deeply nested state in React?

It’s not uncommon to see a code like that in React world. All this effort just to update a single to-do item inside a nested state.

Image to text conversion with React and Tesseract.js (OCR)

Do you have to process data manually because it is served through images or scanned documents? An image-to-text conversion makes it possible to extract text from images to automate the processing of texts on images, videos, and scanned documents. In this article, we look at how to convert an image to text with React and Tesseract.js(OCR), preprocess images, and deal with the limitations of Tesseract (OCR).

React architecture: How to structure and organize a React application

An opinionated guide to setting up the architecture for a new React application.

Bindings, Click and Form events, Debounce, Live Flash messages

In this lesson we are going to see how to handle user interactions in our view, going through many examples on how to use bindings, show live flash messages, button clicks and form events.

The magic of react-query and supabase

It's been a while since I wrote my last article on state management in React using Context. Here's the link for anyone who wants to give it a read. And using custom hooks is still the primary way for me for state management and I have been recommending that to people as well.