Tag: react

Logo Over Colors

5 Mantine Hooks for simplifying UI management in React

Dev

Mantine, a React component library, has created a collection of custom Hooks to handle various tasks. Let’s take a look at my favorite five.

Chinwike Maduabuchi
Sep 21, 2022 ⋅ 5 min read
Using Linaria For Faster Css In Js In React Apps

Using Linaria for faster CSS-in-JS in React apps

Dev

In this article, we will explore how to use a zero-runtime CSS-in-JS library called Linaria in React applications.

Ibadehin Mojeed
Sep 20, 2022 ⋅ 8 min read
React Jest Pupeteer E2e Testing

React end-to-end testing with Jest and Puppeteer

Dev

Catch bugs in your code before your React app is live by performing end-to-end testing with Jest and Puppeteer.

Yomi Eluwande
Sep 20, 2022 ⋅ 10 min read
Create Own React Hooks

How to create your own custom React Hooks

Dev

In React, a custom Hook is a function that starts with the word “use” and may call other Hooks.

Austin Roy Omondi
Sep 16, 2022 ⋅ 6 min read
React Render Props Custom Hooks

React render props vs. custom Hooks

Dev

With the introduction of custom Hooks in React, developers can stop using render props. 

Aditya Agarwal
Sep 16, 2022 ⋅ 9 min read
Underrated React Hooks youre missing out on

Underrated React Hooks you’re missing out on

Dev

Explore the use cases, syntax, and a few code examples of three underrated React Hooks, useImperativeHandle, useLayoutEffect, and useDebugValue.

Chiamaka Umeh
Sep 16, 2022 ⋅ 6 min read
Building Chatbot Dialogflow React Node

Building a chatbot with DialogFlow, Node.js, and React

Dev

Learn how to build a chatbot using Google’s NLU platform, DialogFlow, and how to integrate it into a React application with this follow along tutorial.

Piyush Sinha
Sep 15, 2022 ⋅ 9 min read
Getting Started With Playwright Component Testing

Getting started with Playwright component testing

Dev

Let’s explore the recently-introduced Playwright component testing feature, using it to test React, Vue, and Svelte components in an app.

Nwani Victory
Sep 14, 2022 ⋅ 9 min read
Chat App React Django Channels

Building a chat application with React and Django Channels

Dev

When developing an application that requires the connection to be open all the time for a two-way connection, using an HTTP connection is inefficient.

Muhammed Ali
Sep 13, 2022 ⋅ 6 min read
useState With URLs Persist State WIth useSearchParams

useState with URLs: How to persist state with useSearchParams

Dev

Learn about a simple React Hook that stores state in the URL query string, building on top of the React Router useSearchParams Hook.

John Reilly
Sep 9, 2022 ⋅ 4 min read
An Introduction To React State Management

A guide to choosing the right React state management solution

Dev

React state management comes with challenges developers should be prepared to overcome. Learn the best approach, tool, and pattern to do so.

Iva Kop
Sep 9, 2022 ⋅ 13 min read
Caching clash: SWR vs. TanStack Query for React

Caching clash: SWR vs. TanStack Query for React

Dev

With the language-agnostic release of TanStack Query, we review its features, tooling, and usability against SWR, another React caching tool.

Shalitha Suranga
Sep 7, 2022 ⋅ 15 min read