Blogs

Being able to share what I know through these posts is truly a delight for me. May you pick up a thing or two from these. 😊

Filter posts by topics

FileTree Component with interactions using TailwindCSS by Jeff Segovia
FileTree Component with interactions using TailwindCSS
TailwindCSS
UI

Learn how to create a FileTree component with interactions while leveraging the features of TailwindCSS.

Creating an Input with Floating Label with TailwindCSS by Jeff Segovia
Creating an Input with Floating Label with TailwindCSS
TailwindCSS
HTML
CSS

Learn how to create an HTML input field with a floating label using TailwindCSS.

Building A Carousel With ReactJS by Jeff Segovia
Building A Carousel With ReactJS
ReactJS
UI

Tutorial on how to create a carousel using ReactJS and the Embla Carousel library

Building an Audio Player With ReactJS by Jeff Segovia
Building an Audio Player With ReactJS
ReactJS
Web APIs

Learn how to build an audio player with ReactJS and the audio HTML element.

React Render Prop Pattern by Jeff Segovia
React Render Prop Pattern
ReactJS
Design Pattern

The render prop pattern in ReactJs is a pattern which when used right can lead to the creation of flexible and reusable components. Learn how to create a component that applies the render prop pattern in this post.

Couchbase CRUD API With NodeJs And TypeScript by Jeff Segovia
Couchbase CRUD API With NodeJs And TypeScript
Couchbase
REST API
NodeJs
TypeScript

The introduction of Couchbase 7 opens the possibility to group data into scopes and collections. Have a glimpse of Couchbase's rich features by creating a simple CRUD API with NodeJS and TypeScript

REST API Validation Using Zod by Jeff Segovia
REST API Validation Using Zod
REST API
NodeJs
TypeScript

Learn how to validate a NodeJS REST API using Zod, a TypeScript-first validation library

REST API Using NodeJs And TypeScript by Jeff Segovia
REST API Using NodeJs And TypeScript
REST API
NodeJs
TypeScript

Learn how to create a REST API using NodeJS runtime and TypeScript

Scroll-To-Top Functionality With React by Jeff Segovia
Scroll-To-Top Functionality With React
ReactJS
hooks

Learn how to create a custom React hook for scroll-to-top functionality

Image Preview React Hook by Jeff Segovia
Image Preview React Hook
ReactJS
hooks

How to create an image preview component using a custom useImagePreview hook in ReactJs

Multiple Checkboxes In Form With ReactJS by Jeff Segovia
Multiple Checkboxes In Form With ReactJS
ReactJS
form

Learn how to work with multiple checkboxes in React

Controlled Input With React-Hook-Form by Jeff Segovia
Controlled Input With React-Hook-Form
ReactJS
form

Create a controlled input with ReactJs using a library called React Hook Form

Basic Form Handling With ReactJS by Jeff Segovia
Basic Form Handling With ReactJS
ReactJS
form

Learn how to create and handle basic forms in ReactJs using the useState hook.

Managing Forms In ReactJS Using React-Hook-Form by Jeff Segovia
Managing Forms In ReactJS Using React-Hook-Form
ReactJS
hooks
form

Learn how to create and manage better and more performant forms in React using React Hook Form