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

March 3, 2023 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

March 3, 2023 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)

March 3, 2023 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….

Flutter & VS Code: Auto Trigger Hot Reload on Save

August 6, 2022 A Goodman

When developing apps with Flutter and VS Code (Visual Studio Code), most of us perform a hot reload by focusing our mouse pointer in the terminal window and then pressing the well-known shortcut Shift + R….

How to Parse and Render XML Data in Flutter

August 4, 2022 A Goodman

This succinct article shows you how to parse and display XML data in Flutter. Overview Like JSON, XML can be used to receive data from a web server. However, JSON is a data interchange format and…

Flutter: Full-Screen Semi-Transparent Modal Dialog

October 6, 2022 A Goodman

This practical article shows you how to implement a full-screen semi-transparent modal dialog in Flutter (with some animations). You will also learn how to pass data between the parent screen and the modal dialog. No more…

React: How to Create a Reorderable List from Scratch

March 3, 2023 A Goodman

This article shows you how to create a sortable list from the ground up in React. We’ll use modern React features like hooks and functional components. No third-party libraries are required. Sorting Technique In the vast…

TypeScript: Tuple Examples

July 29, 2022 Augustus

In TypeScript, a tuple is a specific type of array which has the following characteristics: The number and order of elements are fixed and must be adhered The type of each element is predefined and strict…

Dart: Calculating the Average of Data in a List

July 28, 2022 A Goodman

This practical, succinct article walks you through two examples of calculating the average of numerical data in a given list. The first example works with a simple list that contains only numbers, while the second one…

1 7 8 9 10 11 79