Welcome to Code-Gorilla! I write online content on whatever technologies I happen to be working with at the time.
My current focus is on mobile and web development but you could find a little bit of everything here.Enjoy the content and Happy Coding! |
Friday, February 2, 2024
How to create and use a webpack React library with image assets in components and CSS
In this article we will be creating a React component library that contains images using webpack. The library will contain reusable components (containing images) that can be installed into other React applications from either the npm registry or directly from git.
I emphasize that this is a React library which is different from an application, as your distribution code will be used as a node module and has different behavior from an application.
Wednesday, January 31, 2024
How to create, build, test and utilize a library of React components using Babel with webpack
In this article we will be creating a React component library using webpack. The library will contain reusable components that can be installed into other React applications from either the npm registry or directly from git. For developers that are not allowed to publish their code to the npm registry, such as myself, we will review how to install the library directly from git.
This is the second article in a 2 part series:
- Part 1: Creating a react library using Babel only
- Part 2: Creating a react library using Babel and webpack
Monday, January 29, 2024
How to create, build, test and utilize a library of React components using Babel
In this article we will be creating a React component library using Babel; a library is different from an application. Our library will containing reusable components that can be installed into other React applications from either the npm registry or directly from git. For developers that are not allowed to publish their code to the npm registry, such as myself, we will review how to install the library directly from git.
This is the first article in a 2 part series:
- Part 1: Creating a react library using Babel only
- Part 2: Creating a react library using Babel and webpack
Monday, December 18, 2023
Initializing data on your React web page asynchronously using useEffect
In React you can use the useEffect hook to perform operations on a page load. useEffect is not asynchronous so you can support an asynchronous operation by wrapping it inside an async function.
Saturday, March 25, 2023
Creating an automated test to launch and interact with a Native Application on Android
This article is part of a series which provides sample Java code to run a JUnit 5 tests that will interact with mobile devices and simulators using Appium 2.0 to perform automated testing:
- Install Appium
- iOS automated web test
- iOS automated local native application test
- Android automated web test
- Android automated local native application test (this article)
Sunday, March 19, 2023
Using a Shared KMM Library with JFrog Artifactory for an iOS Application
In my previous article, we used Kotlin Multiplatform Mobile (KMM) to build shared binary libraries: AAR and CocoaPods for Android and iOS respectively. In this article, I will show you how to deploy your private CocoaPods to JFrog Artifactory Cloud. We will then use the KMM library as a dependency for a local native iOS application that will resolve the dependency from Artifactory using CocoaPods.
Technology Stack
As of this article I am using the following:- Xcode 14.2
- Swift 5
- CocoaPods 1.11.3
Friday, March 17, 2023
Build your KMM library into CocoaPods for use with a Local Native iOS Application
In this article we will be building a Kotlin Multiplatform Mobile (KMM) library that will provide the functionality of a temperature converter and an HTTP Client that could be shared with iOS in the form of CocoaPods.
In previous articles, I have provided simple logic functionality in Kotlin, for both iOS and Android, which is fairly arbitrary to the discussion of deployment and resolution of a private CocoaPod artifact, but are good examples of a simple logic and an http client that demonstrates the inclusion of dependencies within your KMM shared library:
- Simple KMM Temperature Converter Logic
- KTor HTTP Client which demonstrates the inclusion of dependencies within a library.
In this article we will reuse that functionality, but will focus on the iOS code to build a private CocoaPods
Friday, March 10, 2023
Write Your API Logic Once and Share It With Your Local Native Android and iOS User Interface using the KTor HTTP Client
In this article we will be building a KMM library that will create an HTTP Client that could be shared with iOS and Android in the form of an XCframework and Android Archive (AAR) respectively.
In a previous article, KMM: Use a Shared Binary Library in an iOS Project XCFramework Manually, I covered how you could create a simple library without any additional dependencies. In this article we will add KTor as a dependency, which is an HTTP client for both Android and iOS.
Monday, March 6, 2023
Manually add an Android Archive (AAR) File Dependency to Your Local Native Android Application
In my previous article, we used Kotlin Multiplatform Mobile (KMM) to build shared binary libraries: AAR and XCFramework for Android and iOS respectively. In this article, I will show you how to manually add it to your local native Android application.
Monday, March 6, 2023
Manually add an iOS XCFramework File Dependency to Your Local Native iOS Application
In my previous article, we used Kotlin Multiplatform Mobile (KMM) to build shared binary libraries: AAR and XCFramework for Android and iOS respectively. In this article, I will show you how to manually add it to your local native iOS application.