In SwiftUI, you can open another view (or navigate to another view) on the click of a button by utilizing navigation views and navigation links. Here’s a basic example of how to achieve this:

In SwiftUI, you can force an app to open in landscape mode by configuring the supported interface orientations in your app’s target settings. Here’s a step-by-step guide to configuring interface orientations in Xcode:

In SwiftUI, you can declare an array of View using the standard Swift array syntax. Here’s how you can do it:

In SwiftUI, you can create custom view modifiers to encapsulate common styling configurations and reuse them across different views. Here’s how you can create and reuse a custom view modifier:

You can use React Context to manage styles for specific components or groups of components. It involves creating a context that provides style information to its consumer components. Here’s a more detailed explanation of how you can implement this approach:

If you want to create a separate, generic Dialog component where you can pass in the title and description as props, you can do so by defining a reusable Dialog component. You can even pass HTML content in the description of the Dialog component, you can do so by utilizing React’s dangerouslySetInnerHTML attribute. Here’s how you can achieve this:

To implement scrolling to a specific content or element on click in a React application, you can follow these steps:

In Tailwind CSS, you can center an element using flexbox utilities directly in your HTML markup. Here’s how you can center an element horizontally and vertically:

The main advantage of using the Link component in Next.js for client-side navigation is its optimized prefetching behavior, which enhances the performance and user experience of your web application. Here’s a breakdown of the key advantages:

In Next.js, you can use the Link component from next/link to create client-side navigation. However, if you want to use an HTML button element (<button>) to behave like a link, you can wrap it with the Link component. Here’s how you can do it:

In React, the useEffect hook is used to perform side effects in functional components. Side effects can include data fetching, subscriptions, manual DOM manipulations, and other operations that cannot be handled during the render phase.

In React, the key prop is used to uniquely identify and track a set of elements during their life cycle. When used with the Suspense component, the key prop helps React keep track of suspended components and their associated data dependencies.

Let’s say you have a view named ContentView and your main App file looks like this:

Sass (Syntactically Awesome Style Sheets) and SCSS (Sassy CSS) are both preprocessors that extend the capabilities of standard CSS, allowing for variables, nested rules, mixins, and more. However, there’s a common misunderstanding about the differences between Sass and SCSS. They are not actually two different languages; rather, they are two different syntaxes for the same Sass preprocessor.

In Xcode, you can enable multi-line cursor editing, which allows you to type or edit text at multiple locations simultaneously. This can be incredibly useful for making the same edit on several lines at once. Here’s how you can do it:

Looping through an array of structs in Swift is straightforward and can be done in several ways depending on what you need to achieve. Here’s how to do it:

In Swift, to get the string value of an enum, you typically have a couple of approaches depending on the enum’s definition. Let’s go through them:

Comparing two strings in Swift is straightforward and can be done using the equality operator ==. This operator checks if two strings are exactly the same in terms of their characters and the order in which these characters appear.

In Swift, there are several ways to check for nil and assign a value to a variable, depending on the context and what you want to achieve. Here are some common approaches:

The below should work both on macOS and iOS with one minor change. That is, use UIColor instead of NSColor if you’re planning to use it for iOS.

For various reasons you may want to convert the Color type to a String. And, below is a relatively cleaner way to do it.

In Swift, the switch statement doesn’t automatically fall through to the next case. Each case block is designed to execute only the code within that case, and it doesn’t continue to the next case unless you use the fallthrough keyword.

I was looking for the SF Symbol for the latest Twitter icon, yes the X icon, but I couldn’t find any online. So, I created one here: https://github.com/rampatra/assets/blob/main/SFSymbols/X%20Social%20Network.svg. This works with the latest SF Symbol 5 so you can either import it to your SF Symbols app or use it directly in your Xcode by creating a new Symbol Image Set like shown below.

To display both the app version and build number in a SwiftUI macOS/iOS app, you can use the Bundle class to access information from the app’s Info.plist file. The Info.plist file contains various details about your application, including its version and build number. Here’s how you can do it:

```swiftimport SwiftUI

In Swift, if you encounter a “Result of call to ‘function’ is unused” warning, it means that you’re calling a function that returns a value (typically a result type, such as Result or any other type), but you’re not doing anything with the result. To get rid of this warning, you have a few options depending on the specific situation:

In macOS 14.0 (Sonoma), Apple removed support for NSApp.sendAction to open the Settings view in your SwiftUI app. You now have to use SettingsLink like below:

Setting your app’s icon on the menu bar as a template makes it to adapt to light and dark modes automatically without you doing anything. To do this, you have to use this constructor of MenuBarExtra class.

With Xcode 13 and later, notarization via command-line has come down to these 2 basically:

Although many things in SwiftUI are idiomatic and straightforward, showing your view in a new window needs a bit of coding to do. Hence, this short post.

Submitting your app to the Apple App Store is somewhat “straightforward”, however, if you want to export your app to list it on a 3rd party app store or sell it directly to your customers then you have to notarize your app.

You can override the flagsChanged() method of NSViewController and have your code like below to detect fn key press and release in macOS:

You can ignore mouse events in a window/view by adding just a single line of code.

Like Delete key, detection of Escape key press is also slightly different than detecting general key presses.

You can use the random method in Int struct for this.

To use Presentify with any video conference apps, like Zoom, Teams, etc. you have to select the entire screen while sharing instead of a single app (or window) as shown below:

I always used an extension like Awesome Screenshot in Chrome to take screenshots of any website. However, you do not need an extension to capture a screenshot of a webpage.

I have been facing this issue lately with Brave browser and after some digging, I learned that it has something to do with GPUs. Disabling ‘Use hardware acceleration when available’ option resolved the issue for me.

You can quit or exit an app with:NSApp.terminate(self)

Delete key press detection is slightly different than other keys. It uses NSDeleteCharacter like below:

If you go to Xcode > File > Swift Packages, you can see options to add a new Swift package, update them, reset caches, and resolve package versions. However, you do not see an option to remove a particular Swift package.

We know that Jekyll uses Liquid as its templating language. This means all your Liquid code will be executed by Jekyllby default.

The official doc of Liquid doesn’t tell us a way tocreate an array except this:

I read the official docs of Liquid but couldn’t findthe info that I was looking for.

From Swift 5.0, you can use any of the following approaches to iterate an array in reverse.

Singleton means only one instance of a class can exist in the system at any given time.

You can open your app’s window on top of all other open application windows with the below code:

Before launching the window, just use the appropriate window level, and you’re done.

Reliance Jio has done a commendable job releasing a video conferencing app in a short time frame, however, it received criticisms that it copied pixel by pixel from Zoom. I actually agree with some of the criticisms but that’s for another blog post.