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
Mar 21, 2024
All external publications of Timonwa Akintokun
Explore my published works on platforms like freeCodeCamp, LogRocket, and more.
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
Dec 8, 2023
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
Dec 3, 2023
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
Sep 22, 2023
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
Sep 20, 2023
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
Sep 6, 2023
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
Aug 9, 2023
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
Jul 13, 2023
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
Jul 11, 2023
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
Jun 21, 2023
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
Apr 25, 2023
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
Apr 20, 2023
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
Apr 17, 2023
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
Mar 3, 2023
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
Feb 15, 2023
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
Jan 13, 2023
Discover your path in tech with Tech Career Roadmap! Free ebooks, courses, articles, & tools. From coding to no-code, start or switch careers effortlessly.
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
Jan 4, 2023
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
Oct 14, 2022
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
Sep 27, 2022
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
Sep 27, 2022
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
Aug 17, 2022
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
Jun 8, 2022
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
Apr 28, 2022
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
Jan 14, 2022