Recent Updates
- iOS — Animations in SwiftUI with Examples — Part 2Wanna learn Canvas drawing and keyframe animations using SwiftUI? Hi guys, today we are going to explore how we can implement animations in SwiftUI. The full source code of this project is available on Github, feel free to fork or directly use required animations in your applications. This post consists of 3 animations: Progress Dots animation — 3 dots that go...0 Comments 0 Shares 1321 ViewsPlease log in to like, share and comment!
- Canopas Podcast 8— Introduction to Server Side Rendering(SSR)Do you know what is server side rendering(SSR) or how it works? This podcast will guide you on SSR including why do you need it? And what are the criteria for switching to the SSR? Keylines of the podcast What is SSR? Why it is needed? When to use SSR over CSR? What is SSG? What are the frameworks used for SSR? Drawbacks of using SSR Conclusion For more information, Check it out...0 Comments 0 Shares 1393 Views
- Add Flutter View to Native Android ApplicationHow to integrate the flutter app into the existing android app? Today you will learn how to add Flutter views to android native components like activity or fragment. With the add-to-app feature, we can add flutter UI to our existing app, as it’s not always possible to migrate the whole app into Flutter all at once. We can add the Flutter project as a library or module to...0 Comments 0 Shares 1454 Views
- Electron— A Complete Guide for building windows executableWanna learn how to generate a build for the windows desktop app using electron.js and electron-builder? We will build the app using electron-builder and vue-cli-plugin-electron-builder and will package it with electron-windows-store. I have used Vue.js inside the electron.js app for creating an app. You can do the same config with whichever framework you have used. What...0 Comments 0 Shares 1405 Views
- Getting started with iOS Application ModularizationWe as a developer always want better and clear code architecture, a project having code with better testing, and a project that builds in a minimal time, these things can be done with one magic, called Modularization. Modularization allows us to use one created module in multiple projects or apps by separating the app into multiple modules. What is the Modularization?...0 Comments 0 Shares 1369 Views
- Golang: Unit tests with test gin contextHow to write tests in Golang? Let’s explore why you should never miss automation tests and how to get started with unit tests in Golang. While listening to the word test, junior developers get too many things in their minds. Most of the time they skip tests intentionally thinking of it as a time-wasting thing. Of course! Testing can be time-consuming sometimes, but it can be a...0 Comments 0 Shares 1323 Views
- iOS — Persist Data using SQLite.swift Library with SwiftUI exampleLearn how to use SQLite database with SwiftUI and perform CRUD operations In software development, we often need to persist app data with some data structure. But how do we store that data efficiently? There’s an evergreen database designed exactly for that purpose — SQLite. It is available by default on iOS. If you’ve used Core Data before, you’ve...0 Comments 0 Shares 1389 Views
- Android — Infinite Auto-Scroll with Jetpack composeWanna learn infinite Auto-Scrollusing Jetpack compose? Infinite auto-scrolling is useful when you want to improve user experience as they don't need to scroll manually to see all the items. We will use LazyRow with some finite items and make it scrollable for an infinite amount of time. At the end ofthis blog, you will learn how to implement the Infinite Auto scrolling lazy list. This...0 Comments 0 Shares 1360 Views
- Quick Note on Jetpack Compose RecompositionIn 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...0 Comments 0 Shares 1409 Views
- Implement Medium Like Bar Charts using Vue-chartjsWanna learn how to implement Medium-like bar charts using Vue-chartjs? Analytics plays a key role in hydrating us with the latest or past data. Charts can be handy for analytical purposes. In this blog, we will discuss how to implement beautiful-interactive bar charts as shown by medium using vue.js. Here's the list of items you will learn in this blog post. Import and register the chart.js...0 Comments 0 Shares 1364 Views
- iOS — Infinite Marquee Animation with SwiftUIWanna 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...0 Comments 0 Shares 1382 Views
- 10 Useful playgrounds for a web developerDon'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...0 Comments 0 Shares 1497 Views
- iOS — Drag and Drop using CollectionViewDo 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...0 Comments 0 Shares 1380 Views
- Exploring Data Store — A New Way of Storing Data in Android.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...0 Comments 0 Shares 1364 Views
- Video indexing: Improve your site performance on google searchDoes 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...0 Comments 0 Shares 1321 Views
- SwiftUI — Exploring NavigationStack and Making it UsefulIn 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...0 Comments 0 Shares 1454 Views
- Explore Compose MotionLayoutLearn 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...0 Comments 0 Shares 1306 Views
- Add Flutter View to Native iOS AppWanna 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...0 Comments 0 Shares 1481 Views
- https://blog.canopas.com/electron-a-complete-guide-for-building-windows-executable-a2cca8b52e00BLOG.CANOPAS.COMElectron— A Complete Guide for building windows executableLearn how to generate a build for the windows desktop app using electron.js and electron-builder
- https://blog.canopas.com/golang-unit-tests-with-test-gin-context-80e1ac04adcdBLOG.CANOPAS.COMGolang: Unit tests with test gin contextLet’s explore why you should never miss automation tests and how to get started.
- https://blog.canopas.com/getting-started-with-ios-application-modularization-98fa0e68da0bBLOG.CANOPAS.COMGetting started with iOS Application ModularizationLearn how to modularize, package and distribute iOS code
- https://blog.canopas.com/add-flutter-view-to-native-android-application-3747edb83e62BLOG.CANOPAS.COMAdd Flutter View to Native Android ApplicationLet’s explore how to add Flutter views to android native components like activity or fragment.
- https://blog.canopas.com/ios-animations-in-swiftui-with-examples-part-2-980a2df69145BLOG.CANOPAS.COMiOS — Animations in SwiftUI with Examples — Part 2Let’s explore canvas drawing and keyframe animations.
- https://blog.canopas.com/canopas-podcast-8-introduction-to-server-side-rendering-ssr-ef062f672374BLOG.CANOPAS.COMCanopas Podcast 8— Introduction to Server Side Rendering(SSR)This article is on our 8th episode of Canopas Podcast — Introduction to Server Side Rendering(SSR) including why is it needed, and what…
- https://blog.canopas.com/jetpack-compose-custom-animations-550dcdcded83BLOG.CANOPAS.COMJetpack compose: Custom animationsHello guys, today again we are going to implement custom animations in Jetpack compose.
- https://blog.canopas.com/6-tricks-to-boost-your-website-performance-9f886a47b6aaBLOG.CANOPAS.COM6 tricks to boost your website performanceIn this article, we will discuss best practices for web designing, which will make web designing easier, faster, and more effective.
- https://blog.canopas.com/golang-time-utility-functions-you-will-always-need-d7840d091468BLOG.CANOPAS.COMGolang — Time utility functions you will always needTime Doesn’t wait for anyone.
- https://blog.canopas.com/tailwind-css-custom-animations-b041a1310aabBLOG.CANOPAS.COMTailwind CSS — Custom animationsAnimations add life to objects.
- https://blog.canopas.com/vue-state-migrate-from-vuex-store-to-pinia-7db0eab864fdBLOG.CANOPAS.COMVue State — Migrate From Vuex Store to PiniaPinia is recently gaining popularity among Vue developers due to its simplicity.
- https://blog.canopas.com/ios-how-to-handle-semantic-auto-versioning-on-ci-c4eec775409BLOG.CANOPAS.COMiOS — How to handle Semantic Auto-Versioning on CIAutomate deployment with auto-versioning and save 25% of your time.
More Stories