Get Free Notion Templates to Stay Organized & Productive!

All external publications of Timonwa Akintokun

Explore my published works on platforms like freeCodeCamp, LogRocket, and more.

Resolving hydration mismatch errors in Next.js

Resolving hydration mismatch errors in Next.js

Next.js is a popular React framework that uses server-side rendering (SSR) to build faster and SEO-friendly applications, resulting in a seamless experience for...

LogRocket logo

LogRocket

Aug 15, 2024

Biome Adoption Guide: Overview, Examples, and Alternatives

Biome Adoption Guide: Overview, Examples, and Alternatives

Biome combines linters and formatters into one tools, helping developers write better code faster and with less setup and configuration.

LogRocket logo

LogRocket

May 31, 2024

Bulma CSS Adoption Guide: Overview, Examples, and Alternatives

Bulma CSS Adoption Guide: Overview, Examples, and Alternatives

Explore how Bulma CSS simplifies frontend development with its ease of use and customizable, responsive, pre-designed UI elements.

LogRocket logo

LogRocket

May 23, 2024

Exploring Catalyst, Tailwind's UI kit for React

Exploring Catalyst, Tailwind's UI kit for React

Tailwind's Catalyst UI kit offers many features and customization options for React user interface development.

LogRocket logo

LogRocket

Mar 21, 2024

Mastering the Modulo Operator in JavaScript: A Complete Guide

Mastering the Modulo Operator in JavaScript: A Complete Guide

We investigate how the modulo operator works in JavaScript and explore several real-life applications, like cyclic patterns and animations.

LogRocket logo

LogRocket

Dec 8, 2023

How to Build Responsive Layouts Using CSS Grid

How to Build Responsive Layouts Using CSS Grid

Responsive web design is essential in today's web development landscape due to the diversity of devices and screen sizes. This article will guide you through th...

Turing logo

Turing

Dec 3, 2023

Optimizing Next.js Build Performance: Strategies for Faster Web Apps

Optimizing Next.js Build Performance: Strategies for Faster Web Apps

Building modern web applications has always been challenging. And as the application grows, it becomes more and more difficult to maintain the performance of th...

LogRocket logo

LogRocket

Sep 22, 2023

Best Practices for Securing Your React Application

Best Practices for Securing Your React Application

React is a robust library that empowers developers to create reusable components and build sophisticated user interfaces. However, as with any web application, ...

Turing logo

Turing

Sep 20, 2023

Get Free Notion Templates to Stay Organized and Productive! Whether you need a simple setup or a powerful dashboard, we have something for everyone.

Get Free Notion Templates to Stay Organized and Productive! Whether you need a simple setup or a powerful dashboard, we have something for everyone.

Improving responsive data table UX with CSS

Improving responsive data table UX with CSS

We review several approaches for using CSS to further optimize responsive data table UX to enable users to better access, analyze, and interpret data.

LogRocket logo

LogRocket

Sep 6, 2023

Guide to CSS logical properties

Guide to CSS logical properties

CSS logical properties provide a powerful solution for web developers to create flexible and maintainable layouts that cater to different languages and writing ...

LogRocket logo

LogRocket

Aug 9, 2023

Creating Responsive Data Tables with CSS

Creating Responsive Data Tables with CSS

We explore options for creating responsive data tables using CSS and techniques dor making them accessible and easy to use on mobile devices.

LogRocket logo

LogRocket

Jul 13, 2023

How to Debug React Code: Tips and Tricks for Developers

How to Debug React Code: Tips and Tricks for Developers

Learn tips & tricks for debugging React code effectively with this article. Explore different techniques & tools to identify & fix issues in your React applicat...

Turing logo

Turing

Jul 11, 2023

How to Create React Search Component Using React Hooks

How to Create React Search Component Using React Hooks

Learn how to build a simple and efficient React Search Component using React Hooks like useState and useEffect. Enhance your React skills with this guide.

Turing logo

Turing

Jun 21, 2023

How to analyze your Next.js app bundles

How to analyze Next.js app bundles

One crucial aspect of any web application is the size and performance of its codebase. Next.js is a popular JavaScript framework for building server-rendered an...

LogRocket logo

LogRocket

Apr 25, 2023

Top Features in Next.js 13

Top Features in Next.js 13

Next.js 13 brings a host of new features and improvements to the popular React framework. Check out our top picks of the best in the latest release.

Turing logo

Turing

Apr 20, 2023

Build customized data tables with PrimeReact

Build customized data tables with PrimeReact

In the world of web development, data tables are essential for displaying and organizing large amounts of data clearly and concisely. Data tables are relevant f...

LogRocket logo

LogRocket

Apr 17, 2023

Verpex - 90% offVerpex hosting
Creating smoother CSS transitions with Animate CSS Grid

Creating smoother CSS transitions with Animate CSS Grid

Animate CSS Grid enables us to achieve smooth transitions between the state changes of our CSS Grid container without writing any CSS animation code. We'll also...

LogRocket logo

LogRocket

Mar 3, 2023

When and how to use CSS will-change

When and how to use CSS will-change

The will-change CSS property is a powerful tool that allows developers to hint to the browser about the elements on a page that are likely to change soon.

Log Rocket logo

Log Rocket

Feb 15, 2023

How to Build a Real-time Chat App with React and Firebase

How to Build a Real-time Chat App with React and Firebase

In this article, we will build a real-time chat app using React and Firebase. We will allow the user to log in with their google account using Firebase's Google...

freeCodeCamp logo

freeCodeCamp

Jan 13, 2023

Deep dive into the CSS :where() and :is() functions

Deep dive into the CSS :where() and :is() functions

In this tutorial, we'll look at the CSS :where() and :is() functions and show how they can be used in production and their differences.

LogRocket logo

LogRocket

Jan 4, 2023

Understanding Vue.js touch events for Android and iOS

Understanding Vue.js touch events for Android and iOS

Vue.js is one of the popular frontend JavaScript frameworks that helps us build straightforward and fast UIs and SPAs. It also allows us to extend our HTML by u...

Log Rocket logo

Log Rocket

Oct 14, 2022

Creating responsive images with image-set

Creating responsive images with image-set

The image-set() is a CSS function that allows web developers to turn an image into a responsive image, showing variations of the same photo for different screen...

UploadCare logo

UploadCare

Sep 27, 2022

Improving Next.js app performance with BlurHash

Improving Next.js app performance with BlurHash

Next.js is a flexible React framework that can be used to build fast web applications. We can use the Next.js configuration to create, develop, and ship product...

LogRocket logo

LogRocket

Sep 27, 2022

Building a draggable slider in React

Building a draggable slider in React

Website sliders are flexible user interface elements that can be helpful for sharing multiple images or conveying information efficiently without wasting valuab...

LogRocket logo

LogRocket

Aug 17, 2022

Get Free Notion Templates to Stay Organized and Productive! Whether you need a simple setup or a powerful dashboard, we have something for everyone.

Get Free Notion Templates to Stay Organized and Productive! Whether you need a simple setup or a powerful dashboard, we have something for everyone.

Using the v-model in Vue 3 to build complex forms

Using the v-model in Vue 3 to build complex forms

In this article, I will introduce changes to the v-model directive in Vue 3. Then, I will step through a tutorial, demonstrating how to use multiple v-model bin...

LogRocket logo

LogRocket

Jun 8, 2022

Build a React theme switcher app with styled-components

Build a React theme switcher app with styled-components

Using the ThemeProvider, a wrapper component available in styled-components, we can quickly set up multiple custom themes in React and switch between them with ...

LogRocket logo

LogRocket

Apr 28, 2022

How to Create Your Own Custom Code Snippets Right in Your Code Editor

How to create your own custom Code Snippets right in your Code Editor

Code Snippet is a term used in programming to describe a small portion of reusable source code, machine code, or text. They help programmers reduce the time it ...

freeCodeCamp logo

freeCodeCamp

Jan 14, 2022

Subscribe to my newsletter 💌

Stay in the loop on the latest articles, tutorials, projects, and exclusive content focused on web development! 💻📚✨