• React Digest
  • Posts
  • React I Love You, But You're Bringing Me Down

React I Love You, But You're Bringing Me Down

#375 – September 26, 2022

sponsor

Shortwave helps you email smarter and faster with a reinvented experience for your Gmail. It also keeps your inbox organized by default by automatically bundling related threads (no more drowning in dozens of Github emails every day).

this week's favorite

We've been together for almost 10 years. We've come a long way. But things are getting out of hand. We need to talk. It's embarrassing, I know. Nobody wants to have that conversation.

You can build a React app with pure JavaScript, but with JSX it's much easier. JSX is a special syntax that allows you to combine JavaScript and XML to quickly code components. In this lesson from our free full-length beginner course on React 18, you'll learn how.

In this article, we will understand the ReactJS form validation for React Bootstrap UI form components using the React Hook Form library.

The React useState hook is a great way to persist state inside the context of a component in React. This post demonstrates a simple React hook that stores state in the URL querystring, building on top of React Routers useSearchParams hook.

Debugging a React app can be a slow and painful process. Adding a console.log() statement here and there until you’re finally in the right spot. Or a more advanced version: Jumping around between setting breakpoints in the Chrome dev tools and editing code in your IDE until the bug is fixed.

projects

If you need fast data visualization & reporting tool for your project, check out Flexmonster. It is a feature-packed Pivot Table & Charts web component that handles up to 1GB of data and neatly displays it on any device. An extensive API provides a fully configurable report according to your app's UI and business logic. The control supports ES6 and TypeScript and will work smoothly, no matter your project's language. See a demo.

newsletters