Pull down to refresh

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

19 Oct 2020 · 6 min read

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 reources with your Swift package. In this post I will show you how you can do this, and also a interesting trick in order to be able to build a project as a Swift Package and as a standard project from Xcode.
Create a service worker with Workbox, Webpack and TypeScript
Create a service worker with Workbox, Webpack and TypeScript
Fabrizio Duroni Fabrizio Duroni

07 Aug 2020 · 12 min read

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.
Use UIKit components in SwiftUI: UIViewControllerRepresentable and UIViewRepresentable
Use UIKit components in SwiftUI: UIViewControllerRepresentable and UIViewRepresentable
Fabrizio Duroni Fabrizio Duroni

02 Jul 2020 · 6 min read

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.
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

02 Jun 2020 · 4 min read

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.
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

20 May 2020 · 8 min read

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.
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

19 Apr 2020 · 6 min read

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.
Create a custom TabBar in SwiftUI
Create a custom TabBar in SwiftUI
Fabrizio Duroni Fabrizio Duroni

06 Mar 2020 · 8 min read

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.
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

18 Jan 2020 · 4 min read

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.
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

15 Dec 2019 · 2 min read

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.
Implement a pull to refresh component for you web application
Implement a pull to refresh component for you web application
Fabrizio Duroni Fabrizio Duroni

16 Nov 2019 · 14 min read

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