Articles | Caleb Olojo

Caleb

69 articles published

My blog 22

useRef instead of querySelector in React

How to fix styled-components server mismatch error in Next.js

handleChange in TypeScript

Add a preloader to a Next.js site — the right way

JavaScript in CSS — A subtle approach

Preventing the default scroll event with Next.js useRouter

Type-checking with TypeScript in React

2022 — you evasive psycho!

Building a real-time views component with Next.js and MongoDB

Using PropTypes in React

Production error with the .next directory on Netlify

Internationalization in Next.js

My fair share of rehydration in React

Gatsby's link component feels tricky

Animating SVGs with Remotion

Build a re-usable YouTube embed component with React

Time's up. But, I'm not done yet.

The CSS overview devtool

The grayscale CSS Filter effect

Styling the Next.js image component

Social sharing meta tags error in Next.js

Next.js Image optimization error on Netlify

FreecodeCamp 8

How to Build a Table of Contents Component for Your Blog

Destructure Object Properties Using array.map in React

How to Build Your Own Blog with Next.js and MDX

How to Bypass ES Modules Errors in Next.js with Dynamic Imports

How to Convert react-dropdown-select's Default Value from Array to String

Dynamic Navigation in Next.js – How to Render Nav-Items Dynamically in a Next App

How to Use Environment Variables in VanillaJS

How to Set Width Ranges for Your CSS Media Queries

Smashing Magazine 3

Implementing A Reset Password Feature With Next.js Dynamic Routes

Dynamic Data-Fetching In An Authenticated Next.js App

How To Protect Your API Key In Production With Next.js API Route

Remotion Docs 4

cancelRender() API

Change the speed of a video over time

Exporting from Figma in Remotion

Remotion Player package Guide

Bird Labs 2

Optimizing the Largest Contentful Paint of your website

Managing State in a multi-step form

Webiny 2

Build a Blog with Next.js and Webiny Headless CMS

Integrate Webiny CMS in a Gatsby Blog

DEV 8

How to add a 'load more' button to your blog

Improving image performance on the web

I reduced an npm package size by 50% with minification

How to implement protected routes in Next.js

Break into web3 by joining this hackathon

How to create a Preloader in Next.js

Building a client database of people in React

Setup a React App with Parcel

Section Engineering 4

Data Visualization with tables in react

Client Side Validation with React Alert

Creating responsive layouts with MaterialUI in Next.js

Container Components in React

Hashnode 16

How to add SEO Meta tags in your Next.js apps

Mapping array data to web-page with vanillaJS

Writing static checks in a React app

A simple guide to the placeholder attribute

Autofill in forms

The travails of using Webpack

Component mapping in React

The ABC of CSS animation

Understanding import and export statements in JavaScript

Tools you can use to create a custom cover photo for your article

GitLens, a VScode extension that probably resolves conflicts among developers

A React app architecture

Two very simple ways to render UI conditionally in React

How to optimize your netlify build time

One, out of my nuerous conversations with Git

Chaining Animations in CSS