blog logo
CHICIO CODING
Dirty clean code. Creative Stuff. Stuff.
HomeBlogArtAbout me
blog logo
CHICIO CODING
Dirty clean code. Creative Stuff. Stuff.
Swift Package Manager: bundling resources with a Swift Package
Swift Package Manager: bundling resources with a Swift Package
Fabrizio Duroni

Fabrizio Duroni

·

Recently I upgraded my ID3TagEditor swift package to the latest Swift tools version (5.3). During the upgraded I discovered that now you can bundle resources with your Swift package. In this post I will show you how you can do this, and also an interesting trick in order to be able to build a project as a Swift Package and as a standard project from Xcode. [...]

swiftiosapplemobile application developmentmacostvoswatchos
Create a service worker with Workbox, Webpack and TypeScript
Create a service worker with Workbox, Webpack and TypeScript
Fabrizio Duroni

Fabrizio Duroni

·

Recently I migrated my website to Webpack and TypeScript. I decided also to give a try to Workbox, a set of Google libraries to improve the creation of a Progressive Web App. Let's see how easy it is to create a PWA with this tools. [...]

web developmentjavascriptpwa
Use UIKit components in SwiftUI: UIViewControllerRepresentable and UIViewRepresentable
Use UIKit components in SwiftUI: UIViewControllerRepresentable and UIViewRepresentable
Fabrizio Duroni

Fabrizio Duroni

·

Do you know that it is possible to use UKit components in SwiftUI? Let's see how you can use UIViewRepresentable and UIViewControllerRepresentable to use your UIKit based component or to fill the gap for missing SwiftUI API. [...]

swiftiosapplemobile application development
Lazy loading of JavaScript modules by using dynamic imports and code splitting with Webpack
Lazy loading of JavaScript modules by using dynamic imports and code splitting with Webpack
Fabrizio Duroni

Fabrizio Duroni

·

Most of the time you have a big JavaScript codebase for your website but you need only a small fraction of it when a page is requested. Is it possible to load chunks of JavaScript code only when they are really needed? Yes you can with Webpack and its code splitting feature based on a syntax equal to the one of ES2020 dynamic imports. [...]

web developmentjavascript
Add dark mode support on your website with SASS and prefers-color-scheme media query
Add dark mode support on your website with SASS and prefers-color-scheme media query
Fabrizio Duroni

Fabrizio Duroni

·

Dark mode support has been around for quite some time. Let's see how you can create a light theme and a dark theme for your website that will be selected automatically based on the user system preference. [...]

web developmentjavascriptpwa
How to: create your SUPER simple dependency injector container in Swift
How to: create your SUPER simple dependency injector container in Swift
Fabrizio Duroni

Fabrizio Duroni

·

There are a lot of dependency injection framework in the open source swift world with really cool features like object graph, persistence etc. But what if all you need is a lightweight dependencies container? In this post I will show you how to create it by leveraging the Metatype Type, Generics, the Hashable protocol and the Equatable protocol. [...]

swiftiosapplemobile application development
Create a custom TabBar in SwiftUI
Create a custom TabBar in SwiftUI
Fabrizio Duroni

Fabrizio Duroni

·

SwiftUI has been introduced by Apple during the last WWDC. I started to use it for a personal project to understand its potential. Let's see how I used SwiftUI to create a custom TabBar with modal and detail navigation. [...]

swiftswiftuiiosapplemobile application development
How to: enable Hermes JavaScript engine in your React Native app
How to: enable Hermes JavaScript engine in your React Native app
Fabrizio Duroni

Fabrizio Duroni

Francesco Bonfadelli

Francesco Bonfadelli

Marco De Lucchi

Marco De Lucchi

·

React native 0.60.4 has a new cool feature for Android: a new JavaScript engine called Hermes. Let's see how you can turn it on in your React Native application to get all its benefits. [...]

react nativeswiftiosappleandroidjavamobile application developmentjavascripttypescript
Implement offline tracking with Google Analytics in your Progressive Web App
Implement offline tracking with Google Analytics in your Progressive Web App
Fabrizio Duroni

Fabrizio Duroni

·

PWA offer great native alike offline capabilities. But what about tracking? In this tutorial I will show you how simple it is to implement offline tracking with Google Analytics in your PWA. [...]

pwaweb developmentjavascript
Implement a pull to refresh component for you web application
Implement a pull to refresh component for you web application
Fabrizio Duroni

Fabrizio Duroni

·

Implementing a pull to refresh component in vanilla js for your progressive web app (PWA) it's really easy. Let's do it now! [...]

pwaweb developmentjavascript
Web to native code communication on Android using JavaScript Interfaces
Web to native code communication on Android using JavaScript Interfaces
Fabrizio Duroni

Fabrizio Duroni

·

Javascript Interface can be helpful when you need to call native code from a webview on Android. [...]

androidjavamobile application developmentjavascriptweb development
PreviousNext