Tag: react

Typewriter Effect React

Create a typewriter effect for code blocks with React

Dev

Learn how to build a typewriter effect for code blocks using React with syntax highlighting.

Victory Tuduo
Aug 25, 2022 ⋅ 4 min read
Strict Mode In React 18

Using strict mode in React 18: A guide to its new behaviors

Dev

While Strict Mode has been a React feature for some time time, v18 makes it more efficient in catching early bugs, making the codebase more predictable.

Abhinav Anshul
Aug 23, 2022 ⋅ 5 min read
React Prop Types Validate Props

How to validate React props using PropTypes

Dev

To pass props between React components, you can add them when the component is called, just like passing arguments when calling on a regular JavaScript function.

Glad Chinda
Aug 17, 2022 ⋅ 8 min read
Build a Draggable Slider in React

Building a draggable slider in React

Dev

See how easy it is to create a draggable slider in React with the react-draggable-slider package with custom styling and animation.

Timonwa Akintokun
Aug 17, 2022 ⋅ 8 min read
What Is A Virtual Dom In React

What is the virtual DOM in React?

Dev

The virtual DOM provides a mechanism that abstracts manual DOM manipulations away from the developer, helping us to write more predictable code.

Ibadehin Mojeed
Aug 16, 2022 ⋅ 9 min read
12 essential ESLint React rules

12 essential ESLint rules for React

Dev

There are many ESLint rules for React out there — learn which ones are most useful in this post, which covers the twelve most essential ones.

Joe Attardi
Aug 16, 2022 ⋅ 10 min read
React Hooks Refactor Components

How to refactor React components to use Hooks

Dev

When you refactor your application to use React Hooks, the first problem you’ll face happens to be the root issue from which other challenges stem.

Ohans Emmanuel
Aug 15, 2022 ⋅ 15 min read
Build A React Comment Form With Mention Functionality

Build a React comment form with @mention functionality

Dev

With the introduction of @mention, you can mention friends and invite them to join the discussion. Today, you see forms with @mention functionalities in social media applications.

Isaac Okoro
Aug 12, 2022 ⋅ 8 min read
The guide to syntax highlighting in React

The guide to syntax highlighting in React

Dev

Learn how to use popular syntax-highlighting libraries, such as Prism and Highlight, with React.

Joseph Mawa
Aug 4, 2022 ⋅ 6 min read
How to do interaction testing with React 18 and Storybook

How to do interaction testing with React 18 and Storybook

Dev

Learn how to use React 18 and Storybook to perform interaction testing on application components.

David Ekanem
Aug 3, 2022 ⋅ 6 min read
React Toc Highlight

Create a table of contents with highlighting in React

Dev

A table of contents summarizes the page’s content, allowing users to quickly navigate through sections of the page by clicking on the desired heading.

Taminoturoko Briggs
Aug 3, 2022 ⋅ 6 min read
Useevent Hook React RFC

What you need to know about the React useEvent Hook RFC

Dev

The useEvent Hook from React allows you to define an event handler with a function identity that is always stable.

Indermohan Singh
Aug 2, 2022 ⋅ 4 min read