© Copyright khedmeh Wall
In this article, you will learn some of the useful things you should know about Jetpack compose recomposition.
But, what is recomposition in Jetpack Compose?
Recomposition is the process of calling composable again and again on input changes. In the legacy Android View system, we use invalidate() to do the same.
Compose always tries to complete recomposition before it needs to recompose again. If the state change before the previous recomposition finishes, Compose might cancel the ongoing composition and restart it with the new state. A composable function might be run quite frequently, as often as every frame of an animation. Jetpack compose does smart recomposition, which means it skips the composition if the input hasn't changed unlike invalidate() which redraws everything even if it’s not changed.
For detailed list, navigate to our blog to read Jetpack Compose Recomposition.
Wanna Learn How to implement Infinite Marquee Animation with SwiftUI?
This article explains how to implement infinite scrolling animations that look seamless.
We will create a simple app with 4 colored blocks that keep moving. Later, we will also explore how we can create a common component InfiniteScrollerthat can be used to apply infinite scrolling animation to any view.
This post is divided into 3 parts, feel free to jump around! Create basic views Apply infinite scroll animation Create InfiniteScroller component If you are in hurry and just need to apply the animation in your project, feel free to just copy InfiniteScroller in your app and you are ready to go.
For detailed implementation, check out our blog on medium.
Don't want to run the full project for minor tweaks and changes?
Here's the list of 10 playgrounds that can be useful for you if you want to test it very quickly or for experimentation.
You can also save and share it with your colleagues or friends.
Playgrounds:
DB fiddle — for Mysql and PostgreSQL Mongo playground— for MongoDB Go playground — for Golang Codepen — for HTML, CSS and js Tailwind Play — for tailwind CSS Tutorials point — for python Online PHP — for PHP Playcode.io — for HTML, CSS, js, and all-purpose playground including frameworks CodeSandbox — for HTML, CSS, js, and all-purpose playground including frameworks Font playground — For trying various font families and size
To read more, navigate to our website blog.canopas.com
If you'd like to explore more about us, here are the links:
Website: https://canopas.com/
Blog: https://blog.canopas.com/
Twitter: https://twitter.com/canopassoftware
GitHub: https://github.com/canopas
Do You Know How to Implement Drag and Drop Using CollectionView in iOS?
In this blog post, we will implement Drag and Drop functionality with UICollectionView using swift.
Today, we’ll create a food order book, that shows a list of food items with the list of persons. Users can select food items and drop them off to the person paying for them.
I’ve tried to make this Drag and Drop functionality as easy as possible. At the end of this blog post, we’ll have UI something like this.
We’ll divide implementation into 3 simple steps to make each step easy to understand. Design Views to show food items and users Implement drag delegate Implement drop delegate
For step by step guide, visit canopas blog.
Learn how to use DataStore instead of SharedPreferences in Android.
]Jetpack DataStore is a data storage solution that allows you to store key-value pairs or typed objects with protocol buffers.
DataStore uses Kotlin coroutines and Flow to store data asynchronously, consistently, and transactionally.
We hope that you have sufficient knowledge regarding when, why, and how to store data in Android applications using SharedPreferences and Room Database.In this blog post, we will cover DataStore, and its two types (Preferences DataStore, Proto DataStore).
The complete class details for creating the proto-type database instance and reading/writing data are available on Github.For detailed implementation, visit our blog.
Does your website contain video? Do you know how to index your video in google search results?
Google search indexes the videos from your website as a part of SEO. It helps users to find and watch the full content of the video.
Till July 2022, site owners didn’t have any idea about the performance of their videos on google and also did not have any solutions for video search indexing optimizations.
But, Now google has made it easier!
From the video index report in the search console, We can get exact errors and solutions for improving the video indexing of our applications for SEO purposes.
This article will help you understand how to index your video on google search results.
Easy 5 steps to improve your video index in google.
For details, check out canopas blog.
In this blog post explore how to use NavigationStack of SwiftUI.
We'll introduce you to SwiftUI's navigation stack and will compare it with NavigationView, and will show you how it's better compared to NavigationView.
We will also explore 5 scenarios that cover 95% of use cases. Feel free to jump around as needed.
Push screens: A ⮕ A — B Pop last screen: A — B ⮕ A Pop multiple screens: A — B — C — D ⮕ A — B Pop to root: A — B — C — D ⮕ A Update root: A ⮕ B
For full guide, visit canopas blog.
If you'd like to explore more about us, here are the links:
Website: https://canopas.com/ Blog: https://blog.canopas.com/ Twitter: https://twitter.com/canopassoftware GitHub: https://github.com/canopas
Learn how to manage motion and view animations using MotionLayout in Jetpack Compose.
MotionLayout is a layout type that helps you to manage motion and widget animation in your app.
MotionLayout is a subclass of ConstraintLayout. It is used to resize, move and animate views with which users interact.
We’ll divide implementation into 4 simple steps to make each step easy to understand.
For implementation details, visit the original post.
Wanna learn how you can integrate your flutter project as a library or module to your existing native iOS app?
With the add-to-app feature, we can achieve it and do more!
When you want to implement any feature in both of your native apps in a short time, you can develop that feature using Flutter and integrate it into both of your apps.
You can create a single view in Flutter and then use it on both platforms as a separate module.
You can check out the official docs if you’re not familiar with the concept.
Today, we’re going to implement a simple demo application in iOS that has two Flutter pages. On the first page, we’ll show a list of users and the second screen will display the user details.
We’ll embed the flutter module in our native iOS application as a package Library.
I have divided the article into 4 logical steps to make understanding easier. Create Flutter module Generate iOS Framework from the module Integrate & Embed framework into the native app Open flutter view as UIViewController
For implementation detail, check out our blog.
Do you know how to integrate Google Recaptcha enterprise into your website or web app?
Google Recaptcha uses advanced risk analysis engines and automated public turing tests to protect our application from spam or abusive activities by bots. It can be able to identify bots and humans and let valid users use our application.
Here is a step-by-step guide on implementing it in Vue and Go. For ease of reading, this post is divided into 4 parts.
To read the full version of this article, navigate to the canopas blog.