How to Use Bootstrap Dropdown in React the Right Way – with CoreUI
Łukasz Holeczek
Follow Łukasz Holeczek on GitHub
Connect with Łukasz Holeczek on LinkedIn
Follow Łukasz Holeczek on X (Twitter)
If you’re using React and want to build dropdowns that look and behave like Bootstrap 5, there’s a better way than relying on data-bs-toggle or manual DOM manipulation. React applications need declarative, accessible, and lifecycle-aware components — and CoreUI for React delivers exactly that.
In this article, you’ll learn how to implement Bootstrap-style dropdowns in React using the CDropdown component from CoreUI — cleanly, idiomatically, and without hacks.
How to Add a Bootstrap Modal in React Without Breaking React – The CoreUI Way
Łukasz Holeczek
Follow Łukasz Holeczek on GitHub
Connect with Łukasz Holeczek on LinkedIn
Follow Łukasz Holeczek on X (Twitter)
If you’re building a React application and want to use a Bootstrap-style modal, you have options. You can rely on Bootstrap’s vanilla JavaScript, use a third-party component, or—more idiomatically—you can integrate a modal the “React way”: declarative, controlled, and accessible.
In this guide, I’ll show you how to do it properly using CoreUI for React — a component library that’s 100% compatible with Bootstrap styling but built entirely for React.
How to Use Bootstrap Tooltip in React Without Breaking React – CoreUI Integration Guide
Łukasz Holeczek
Follow Łukasz Holeczek on GitHub
Connect with Łukasz Holeczek on LinkedIn
Follow Łukasz Holeczek on X (Twitter)
If you’re working with React and want to use Bootstrap-style tooltips, there’s a catch: Bootstrap’s native tooltip implementation is imperative and DOM-driven — which doesn’t align well with React’s declarative model.
In this article, you’ll learn how to use Bootstrap tooltips the React way, with full control via props and state, using CoreUI for React. You’ll get native Bootstrap 5 styles, accessibility, and proper React lifecycle behavior — all without relying on manual data-bs-* attributes or external JavaScript calls.
How to Redirect to a New URL Using JavaScript Redirect Techniques
Łukasz Holeczek
Follow Łukasz Holeczek on GitHub
Connect with Łukasz Holeczek on LinkedIn
Follow Łukasz Holeczek on X (Twitter)
Redirecting users to a new URL using JavaScript is a common and useful practice for web developers. Whether you’re handling successful logins, navigating users after actions, or managing SEO implications, understanding how JavaScript redirects work is crucial. In this guide, you’ll learn the best practices for creating redirects, their implications for SEO performance, and when to choose JavaScript over server-side methods.
How to Achieve Perfectly Rounded Corners in CSS
Łukasz Holeczek
Follow Łukasz Holeczek on GitHub
Connect with Łukasz Holeczek on LinkedIn
Follow Łukasz Holeczek on X (Twitter)
Rounding the corners of an element is a fundamental way to add visual appeal and flexibility to web pages. Whether you want subtle rounded corners, a circle, or even elliptical corners, mastering the border radius property is a key step toward creating modern, user-friendly interfaces. In this post, you will learn how to use the CSS border radius property, explore best practices for top left and bottom corners, handle right bottom left edges, and even add a box shadow or drop shadow for extra flair. By the end, you will be able to style each corner effectively, apply logical properties for both LTR and RTL layouts, and bring your web designs to life.
How to Add a Tab in HTML
Łukasz Holeczek
Follow Łukasz Holeczek on GitHub
Connect with Łukasz Holeczek on LinkedIn
Follow Łukasz Holeczek on X (Twitter)
Adding a tab in HTML is a common challenge for developers who want to control spacing and layout on their web pages. Since many browsers and editors interpret the tab key differently, it’s crucial to understand several ways to produce a consistent horizontal tab effect. In this article, you’ll learn key methods for creating a tab character in HTML, explore the best CSS properties to manage spacing, and see how to maintain accessibility for all users. By the end, you’ll have a clear solution for implementing tab space without relying on multiple non breaking spaces.
How to Open Link in a New Tab in HTML?
Łukasz Holeczek
Follow Łukasz Holeczek on GitHub
Connect with Łukasz Holeczek on LinkedIn
Follow Łukasz Holeczek on X (Twitter)
Opening a link in a new tab is a fundamental skill for anyone building modern websites or web applications. By using specific HTML attributes, you can help your users effortlessly view external content or switch between related pages without losing their place on the original page. In this article, you will learn why the target attribute is crucial, how to properly handle potential security concerns, and the best techniques to open the linked document in a separate browser window or tab. Read on to discover how you can enhance user experience and stay in control of your own site’s navigation flow.
How to Clone an Object in JavaScript
Łukasz Holeczek
Follow Łukasz Holeczek on GitHub
Connect with Łukasz Holeczek on LinkedIn
Follow Łukasz Holeczek on X (Twitter)
Cloning or duplicating objects in JavaScript is a common task for developers who need to avoid unintended side effects when sharing data. If you simply use the assignment operator to reference one object from another, you risk mutating the same object instead of creating a new object. By learning how to copy an object correctly, you can keep your code clean, ensure data integrity, and handle everything from simple object literals to more advanced scenarios such as nested objects. In this article, you’ll discover practical methods for copy object javascript, including both shallow copy and deep copy techniques, and see how to deal with edge cases like circular references or an undefined value.
How to Fix “Sass @import Rules Are Deprecated and Will Be Removed in Dart Sass 3.0.0.”
Łukasz Holeczek
Follow Łukasz Holeczek on GitHub
Connect with Łukasz Holeczek on LinkedIn
Follow Łukasz Holeczek on X (Twitter)
For years, the @import rule has been the go-to approach for handling modular Sass code. However, the Sass team announced the deprecation of @import in favor of the newer module system. If your build process or existing codebase shows a warning—“Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0.”—it’s time to switch to the recommended @use or @forward directives. In this post, you’ll learn why the Sass team introduced this change, the best practices for migrating your code, and how to ensure your workflow remains smooth and maintainable.
How to Remove Elements from a JavaScript Array
Łukasz Holeczek
Follow Łukasz Holeczek on GitHub
Connect with Łukasz Holeczek on LinkedIn
Follow Łukasz Holeczek on X (Twitter)
Removing elements from an array in JavaScript is a fundamental skill every developer should master. Whether you need to remove the first element, remove the last element, or filter out unwanted elements based on a specified value, understanding multiple techniques to remove array elements ensures your code remains clean and efficient. In this post, we will explore a few methods to remove element from array in javascript, explain how they work on the original array or when they create a new array, and show you the potential pitfalls.