Digests » 269

sponsor

Building native apps without React Native

You’ve built a React web app and would love to bring it to iOS and Android. That means you have to learn React Native first, right? As it turns out, there’s an easier way to deploy to mobile. With Capacitor, a new native runtime for web apps, you can deploy any React-based web app as a PWA, iOS, or Android app - all from the same codebase.

this week's favorite

React Hook Form Validation Errors

It is crucial to display informative messages when validation checks fail so that the user can take the appropriate action. In this post, we look at different ways these validation error messages can be specified and output in React Hook Form. We will also cover how to create a generic validation error summary component.

Building React Apps With Storybook

In this article, you will learn how to build and test react components in isolation using Storybook. You will also learn how to use the knobs addon to modify data directly from the storybook explorer.

How to make your react-native project work for the web

I built a very basic app. Along the way, I learned some tips, which I will explain in this article. I thought it would be very buggy on the web. But, to my surprise, there wasn’t a single obstacle that I wasn’t able to overcome, at least in my simple app.

Making Draggable Components in React

As user interactivity becomes more prevalent in modern apps, it is sometimes nice to have draggable components implemented in your apps. Think of Trello or website builders like Wix. They have drag-and-drop elements which makes it easy and intuitive for users.

A Simple Timeline component for React

A timeline component for React with vertical and horizontal modes, slideshow, custom themes, and keyboard support.