Discover all the tech
Issue #972
We want to have a swifty UserDefaults API that works with subscript and in a type safe manner.
extension Defaults.Keys {
static let string = Defaults.Key("string", default: "0")
}
XCTAssertEqual(defaults[.string], …Issue #971
When testing React components, dealing with tasks that happen at different times is super important to make sure your tests give reliable results. React Testing Library gives you two important tools for dealing with these situations: act …
Issue #970
We can use Logger to log and OSLogStore to retrieve logs
import OSLog
import ReuseAcross
final class LogService {
static let shared = LogService()
let logger = Logger(
subsystem: "com.example.myapp", …Issue #969
Hapi.js, commonly referred to as Hapi, is an open-source, back-end web application framework for building and deploying web applications and APIs in Node.js
In Hapi.js, you can use the Boom module to create and return error responses in a …
Issue #968
Are you looking to grab images directly from your clipboard with a button click on your web page? The Async Clipboard API makes this quite easy and efficient. Let’s break it down into simpler steps:
The first …
Issue #967
Git is a helpful tool for managing code and projects, but sometimes you want to ignore certain files or folders only on your computer without affecting everyone else. That’s where the .user_gitignore file comes in. It allows you to …
Issue #966
The use of useCallback and useMemo in React hooks is an adaptation to address certain limitations inherent in the functional programming style adopted by React. In JavaScript, every entity, whether it’s a function, variable, or any …
Issue #965
In JavaScript, classes are a template for creating objects. They encapsulate data with code to work on that data. ES6 introduced a class syntax to the JavaScript language to create classes in a way that’s similar to other …
Issue #964
In JavaScript, particularly in modules used in frameworks like React, export statements are used to expose code—such as functions, classes, or constants—from one module so that they can be imported and reused in other modules.
export *The …
Issue #963
In the world of Swift programming, we often come across situations where we need to work with string literals that contain special characters. These characters can include new lines, tabs, backslashes, and quotes — all of which need to be …
Issue #961
NSTextField uses NSFieldEditor under the hood, you can check currentEditor if it is the firstResponder
extension NSTextField {
var isFirstResponder: Bool {
currentEditor() == window?.firstResponder
}
}
Issue #960
Also written on Fritz
Math might be scary, but it’s an essential part of everyday life. Wouldn’t it be cool if we could build an app, point our phone’s camera at an expression, and let the app compute the result? Whenever I’ve needed to …
Issue #959
Decoding JSON in Swift is most of the time very straightforward with help of Codable protocol and JSONDecoder.
Sometimes the json contains dynamic key, like
{
"shipmunk": {
"name": "Shipmunk", …Issue #958
We can use any bundler, like Parcel, Webpack or Vite. Here I use Webpack 5
npm install @babel/polyfill webpack webpack-cli --save-dev
@babel/polyfill is a package provided by Babel, a popular JavaScript compiler. …
Issue #957
Define console object and set log function to point to our Swift function
import JavaScriptCore
extension JSContext {
func injectConsoleLog() {
evaluateScript(
"""
var console = {}; …Issue #956
import Foundation
import SwiftUI
import AppKit
struct AttributedTextView: NSViewRepresentable {
@Binding var attributedText: NSAttributedString
var isEditable: Bool = true
final class Coordinator: NSObject { …Issue #955
Besides WWDC videos & documentation, Apple also has interactive tutorials and books. Below are some of my favorites learning resources
Tutorials
Issue #954
From iOS 15, there’s a handy safeAreaInset that allows us to place additional content extending the safe area.
Shows the specified content beside the modified view.
safeAreaInset allows us to customize which edge and alignment we …
Issue #953
Use debounce from lodash and useCallback to memoize debounce function
import React, { useCallback } from "react"
import debounce from "lodash/debounce"
const SearchField = (props: Props) => {
const callback = …I’m a thinker and storyteller with a passion for exploring the intersection of creativity and technology
🧑💻 I love crafting high quality and useful apps
🔥 I love open source. My GitHub open source has 2.3k followers with packages that are integrated by 45k+ apps and over 3.4m+ downloads on CocoaPods.
✍️ I write here on my blog and on Medium, which has over 2.7k+ followers with tons of articles and 90k+ monthly views.
🖥 Follow me for sharings about Swift, SwiftUI, iOS and macOS development.