How to Create a Read More/Less Button in React

August 10, 2022 A Goodman

When building web apps, there will come a time when you need to display some long text. A smart design in this case is to display only part of the text and add a Show More…

Display Custom Loading Screen when React Isn’t Ready

August 9, 2022 A Goodman

Before your React app is ready and capable of rendering its components, there is a period of time when only your HTML and CSS are working. If the internet speed of your user is fast then…

React: Create a Fullscreen Search Overlay from Scratch

August 9, 2022 A Goodman

This hands-on, low-word, code-rich article walks you through a complete example of creating a fullscreen search overlay in React. We’ll build everything from the ground up with hooks and pure CSS. No third-party packages are required….

TabBar, TabBarView, and TabPageSelector in Flutter

August 9, 2022 A Goodman

This practical article is about the TabBar, TabBarView, and TabPageSelector widgets in Flutter. We’ll have a glance at the fundamentals of those things and then examine a concrete example that demonstrates how they work together in…

Flutter: How to Add a Border to a ListTile

August 8, 2022 Guest Contributor

In order to add a border to a ListTile widget in Flutter, you can assign its shape property to RoundedRectangleBorder, BeveledRectangleBorder, or StadiumBorder. You have control over the thickness, color, and radius of the border. Let’s…

3 Ways to Create Toasts in React (2023)

January 19, 2023 A Goodman

This practical article walks you through 3 complete examples of showing toast messages in React. In the first one, we will create our own toasts without using any third-party libraries. This will help you to customize…

How to get the Width & Height of the Viewport in React

August 7, 2022 A Goodman

This concise and straightforward article shows you how to get the width and height of the viewport (window) in React. Without any further ado, let’s unveil things that matter. Overview In React and any other frontend…

React: Programmatically Add/Remove CSS Classes

August 7, 2022 A Goodman

This succinct, practical article shows you how programmatically add/remove CSS classes to/from an element in React. We can get the job done without installing any third-party libraries. Overview You can add/remove single or multiple classes to/from…

React: Show a Loading Dialog (without any libraries)

August 8, 2022 A Goodman

This practical shows you how to implement a loading modal dialog in React. We’ll build everything from the ground up and not use any third-party libraries. In addition, we’ll only use modern features like hooks and…

Flutter: Creating a Fullscreen Modal with Search Form

August 6, 2022 A Goodman

This practical article walks you through a complete example of implementing a fullscreen search modal in Flutter. Without any further ado, let’s get started. The Example Preview The small app we’re going to construct has an…

Flutter: PageView examples

August 6, 2022 A Goodman

This practical article walks you through a couple of different examples of implementing the PageView widget in Flutter. The first example is simple and straightforward, while the second one is a little bit complex because it…

Flutter: How to Format Numbers as Currency Strings

August 6, 2022 Guest Contributor

Overview In order to format numbers as currency strings in Dart and Flutter, we can make use of the NumberFormat class provided by the well-known, official package named intl. There are several constructors for the job….

1 5 6 7 8 9 79