Chinwike Maduabuchi

  Frontend developer passionate about software engineering.


14 Stories by Chinwike Maduabuchi

Applying constraints to Figma layouts for resizing

Figma constraints allow designers to control the position and size of any layer, across multiple screen sizes, relative to its parent frame.
0 6 min read

Search filter principles for better UX

Let's examine examples of poorly implemented search filters and highlight some tips you can use to produce a satisfying filtering experience.
0 4 min read

Pagination vs. infinite scroll: Making the right decision for UX

We'll delve into the pros and cons of pagination and infinite scroll for delivering a satisfying user experience.
0 4 min read

Implementing serverless authentication with Netlify Identity

Authentication is an important part of any major web application, and having a service like Netlify Identity can help you manage it.
0 7 min read

Using Chart.js in React

Use Chart.js, a JavaScript library for visualizing data, in your next React project with bar chart, pie chart, and line chart examples.
2 4 min read

5 Mantine Hooks for simplifying UI management in React

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.
0 5 min read

Handling user authentication with Redux Toolkit

User authentication can be handled in a myriad of ways. We'll learn how to use Redux Toolkit (RTK) to create a frontend authentication workflow...
5 17 min read

Create a customizable React search component with autocomplete

Autocomplete search boxes are prevalent in modern UI design. Here's how to create a customizable search component in React.
0 8 min read

Create a responsive navbar with React and CSS

Create an intuitive navigation experience with responsive navbars using CSS and React Hooks.
5 7 min read

React Server Components in Next.js 12

React’s latest version of Next.js includes RSC, which improves load time of webpages by rendering everything on the server.
0 5 min read

Creating a carousel with React Slick

React Slick is a carousel library offering accessibility and responsiveness features for your next React project.
0 4 min read

Using Redux Toolkit’s createAsyncThunk

Learn how to use the createAsyncThunk API to perform asynchronous tasks in Redux apps and handle common errors.
5 4 min read