MakeUseOf

Mary Gathoni-

Mary Gathoni

About Mary Gathoni

Mary is a staff writer at MUO based in Nairobi. She has a B.Sc in Applied Physics and Computer Science but enjoys working in tech more. She has been coding and writing technical articles since 2020.

Readers like you help support MUO. When you make a purchase using links on our site, we may earn an affiliate commission. Read More.
Laptop showing 404 error page 1
How to Create a 404 Page in React Using React Router

Create a custom 404 page using a simple React route to help out your visitors when they need it most.

Screenshot of apps showing notifications in the mail app. 1
How to Create a Custom Notification Component in React

You don't need to rely on a third-party package to create a notification component. Here's how you can build it on your own.

Binary values projected onto somebody’s back 1
How to Lint Python Code Using Flake8

Give your codebase a spring clean with this easy-to-use command-line tool.

Two arrows pointing in opposite directions 1
How to Create Entrance and Exit Animations for a React Component Using Framer Motion

The Framer Motion library brings a whole host of animation functionality to your React apps.

A stack of documents 1
How to Set Up Sphinx to Document Your Python Code

Make the most of your project’s docs—use Sphinx to generate attractive, comprehensive HTML documentation.

a person holding a Node.js sticker 1
How to Downgrade to a Previous Node.js Version Using NVM

Downgrading software can be every bit as challenging as upgrading it, but not with NVM. This tool makes it easy to switch your Node.js version.

A palette of different paint colors 1
7 Helpful Tips for Designing a Dark UI

A dark mode option is great for users who prefer it, but make sure you’re designing the best dark mode you can.

code on a computer screen 1
How to Set Up and Run Your First Python Test With Pytest

Setting up a test suite for your code may feel like a hurdle you’re not ready for, but this library takes a lot of the strain.

A woman typing on a mac  1
How to Document Python Code Using Docstrings

Good code includes comments to help understand it, and docstrings can play a major role in that.

Pile of books with open pages 1
An Introduction to Pagination in React Using react-paginate

Pagination is a useful technique that most data-heavy apps can benefit from. The react-paginate library helps you simplify this process.

A memory card near a laptop 1
How React’s useRef Hook Can Help You Reset an Input Field After a Successful Upload

Forms that clean up after themselves make for a better user experience. Find out how useRef can be a key player in this part of your app.

Phone on top of a thick book, both surrounded by a large metal chain 1
How to Hash and Verify a Password in Node.js With bcrypt

If you’re working with users’ passwords, you owe it to them to do so securely. The bcrypt library takes the pain out of this process.

React.js and Vite.js logo on night sky background 1
How to Set Up a React App With Vite

Do you still use create-react-app to set up your React project? Switch to Vite for better performance and faster development speed.

Clear mannequin on blue background 1
7 ChatGPT Alternatives for Coding Programs Automatically

ChatGPT is not the only AI tool to help you code. Take your coding productivity to a next level using these tools.

Person in white long sleeve shirt holding credit card 1
Payment Providers for React Applications: PayPal vs. Stripe vs. Square

Looking to integrate a payment gateway into your React application? Make sure you choose the right one.

White arrow on red background 1
How to Redirect a User After Login in React

Learn how to redirect a user from a restricted page to the login page and again redirect to the original page after logging in.

lock icon in front of computer code 1
How to Create a Protected Route in React

Preventing unauthorized users from accessing your React page is critical for security. Here's how to do it.

reactjs-code 1
10 React Best Practices You Need to Follow In 2023

React has plenty of uses, but it can be difficult to get to grips with at first. Read all about the key practices worth following.

3 numbered storage containers with blue roller shutter doors 1
How to Upload Images to a Supabase Storage Bucket From a Next.js App

Store your images efficiently using this third-party service and some minimal client code.

A glass prism on brown sand during a sunset 1
How to Connect PostgreSQL to a Next.js Application Using Prisma

Access your Postgres database from a Next app with this next-generation ORM.

1 2 3 4 5
Page 1 / 6