Full Width [alt+shift+f] Shortcuts [alt+shift+k]
Sign Up [alt+shift+s] Log In [alt+shift+l]
42

How to make your own SplitPane React component with 0 dependencies

from Tinloof - Blog [alt+shift+b] in programming

A SplitPane is a collection of 2 elements whose heights can be changed by dragging a line that separates them. Based on its layout, a SplitPane can be horizontal or vertical. If you've ever used the Chrome dev tools, you probably came across both versions of the SplitPane. For example, the Elements section of the dev tools contains a horizontal SplitPane: You can also find a vertical SplitPane in the Sources section of the dev tools:
1st Jul 2019

Stay updated

Get a weekly newsletter with the top 5 articles worth reading every week.

More from Tinloof - Blog

How to design an accessible carousel

In this article, we provide a comprehensive guide to designing an intuitive and universally accessible carousel for any web project. Outcome Carousels in UI are practical interactive elements that efficiently display images or content pieces without taking up too much vertical space.

21st Apr 2024 • 74 votes
Guide to fast Next.js

Insights into how Tinloof measures website speed with best practices to make faster websites.

15th Jan 2024 • 57 votes
Perfecting the design handover process

At Tinloof, we aim for seamless and efficient design handoffs, drawing from our experience completing dozens of projects. Our ultimate goal is a "0 questions asked" handoff, akin to an improved IKEA assembly experience. In this article, we'll explore the three core sections of our Figma files: Design System, Blocks, and Pages. We'll also discuss our feedback process and highlight useful Figma features.

2nd Oct 2023 • 38 votes
Tinloof design principles

Tinloof focuses on key principles to consistently create pleasant and practical designs. We're not tied to any specific style - Swiss, Linear-like, neobrutalism, a certain typography or color palette. Instead, we stick to basics that make our process smooth, please our users, attract business, and keep our team happy.

1st Sep 2023 • 39 votes
The SEO scam: $62,000 later

Context Like many businesses operating online, we at Tinloof decided to explore SEO to attract more leads. Seeing the numerous SEO gurus on LinkedIn and Twitter, one might think it's worth a shot to try this approach, hoping to strike gold when search engines place your website at the top of the results page.

6th Aug 2023 • 37 votes

More in programming

Notes from CoRL 2026

(Tuesday)

7 hours ago • 1 votes
The Codebase Rewrite is Back

The economics of software engineering have fundamentally changed.

10 hours ago • 1 votes
How OCaml effects simplified my JSON interpreter

How effect handlers removed control-flow plumbing from query-json

yesterday • 1 votes
Unattended reboots with encrypted disks

An introduction to ZKeys: a new service that stores encryption keys off-site and automatically locks access to them if the client machines go offline for a long period of time.

4 days ago • 1 votes
Education Shouldn't Be Held for Ransom

Google told K-12 schools they could turn off AI, but only if they gave up search too. That isn’t integration. It’s holding education for ransom.

a week ago • 1 votes
📚 BoredReading

You seem to be enjoying this.

Join free to unlock everything.

Create free account

Already have an account? Sign in