When working with web we often need to animate or reveal html elements by detecting the scroll position. One such example would be to display a container for a state variable and scroll. The IntersectionObserver is a useful interface to achieve such functionality.Read more “How to use IntersectionObserver to detect the position in React”
This issue happens when your gradle version mismatched with the classpath or other libraries you are using in the android project. For android, Flutter and react native developers will face this issue when you are updating libraries or frameworks.Read more “Minimum supported Gradle version is 7.0. Current version is 6.5”
React components offer many advantages to break the code and implement web features. But when it comes to some features it could bit difficult to make it work. One such problem would be to listen to document click events and making the changes to components like dismissing dropdowns when pressed on the background.Read more “How to dismiss dropdowns when pressed on background with React.js”
React hooks have been very promising solution for most of the coding issues that React framework had in old days. But for novice developers, it could be hard to understand. Especially if you are moving from old react to new. One of the main problem is how to fetch data with useEffect in a proper way.Read more “How to fetch data with useEffect”
Stripe is a great way to make payments for your web or mobile platforms. Being a full service payment platform, Stripe also gives you a variety of SDKs to implement your backend and frontend code with the best compliance options. In this tutorial you will learn how to add styles to stripe elements if you don’t want to use existing styles of the card input.Read more “How to add styles to stripe elements without using CardElement”
React native always has been quite painful when it comes to performance compared to a native application. Today we will focus on increasing the performance and how to optimize react-native map view which has many pegs or markers.Read more “How to optimize react-native map views”
Why debounce with react hooks? We all come across that one button users keep on pressing until the data is loaded. Without guarding your code with every sort of if conditions, you can guard this by debouncing. For multiple tap scenarios, you can either propagate the event at the first tap/click or the last one.Read more “Avoid multiple clicks using debounce with react hooks”
Most of the developer’s idea is null checks makes the code less understandable and less reliable. Tony Hoare, who invented null references, calls them “a billion-dollar mistake”.Read more “How to avoid NullPointerException in Java”
When you are building your react native Android app, you may encounter the error: heap limit Allocation failed.
Read more “Android/iOS React-native heap limit allocation failed error”
Recently, Java changed its release cycle more rapidly. JDK 13 released on September 2019 and JDK 14 is scheduled for a production release on 17 March 2020. The features targeted to JDK 14 as follows,
1. Pattern Matching for instanceof
Java instanceof operator is used to test whether the object is an instance of the specified type. With Java 14 instanceof operator enhance to the pattern matching as bellow,Read more “JDK 14 – The new features in Java 14”
This was an issue that was occurring after the migrating with new Androidx migration. The root cause was the
android.support.v4.content.FileProvider was not provided in the latest android support library.
To debug this error you will have to see the
adb log with the command
Read more “AndroidX ClassNotFound Exception: “android.support. v4.content .FileProvider””
- Number wrapper.
- Points to remember when coding.
Many newbies find AWS and domain providers such as GoDaddy confusing to connect. But it is not a difficult task and you can host GoDaddy domain with AWS EC2 instantly.
To connect AWS with the domain we will have to use a service called Route53 (53 refers thee TCP/UDP port 53 for DNS serving). And also there won’t be any direct way to do without this service. You can use any AWS public gateway provider such as EC2, ELB, S3 to serve your website or server to the public domain you have on GoDaddy. The AWS usually charges about .51 USD per month to maintain this zone entry as well.Read more “How to host GoDaddy domain with AWS EC2”
Java Development Kit (JDK) 13, the latest version of standard Java, is now available and release with some new features of,
1. Switch Expressions
This is one of the preveiew language feature defined in java 13.
Java 13 extends the previous Java 12 Switch Expressions by adding a new yield keyword to return a value from switch expression.So breaks syntax is no longer compiled in Java 13, it uses yield instead.
This is another preview language feature defined in java 13. Java 13 extends the previous Java 12 Switch expressions by adding a new yield keyword to return a value from switch expression. So break syntax is no longer compiled in Java 13, it uses yield.
As traditional switch statement, there are many break statements make it unnecessarily verbose and hard to debug errors.Read more “Java 13 Switch Expressions”
Nginx Load Balancer with docker has become a fine recipe for managing services in closed systems. Although services like Kubernetes provide container orchestration, sometimes architecturally it could be an overkill. In this example, I will be showing how to use docker services using Nginx load balancer.
Here we are discussing creating react app using npx create-react-app. npx comes with npm 5.2 and higher.
Prerequisite: You need to install Node >= 8.10 on your machine.
Creating an app using npx command
npx create-react-app my-app
create-react-app set up the main structure of the application.