Working with Jotai as your next state management in React
Despite being efficient and scalable, most common state management needed additional boilerplate code on setup. As a developer who is continually looking for efficient and user-friendly options, I came across Jotai, a minimalistic state management tool that can be used in constructing scalable react applications. In this tutorial, I will walk you through the Jotai library as well as teach you how to utilize Jotai to build a simple application.
How And When To Debounce And Throttle In React
In React applications, certain user interactions can lead to performance issues, such as slow loading times and unresponsive UIs. For example, making asynchronous requests triggered by user input on every keystroke can overload the web server and cause it to crash, or slow down the webpage if the user is typing too fast.
Using SWR for Efficient Data Fetching in Next.js Applications
It is common to see Next.js applications that make use of client-side data fetching. The challenge with this technique of data fetching is that you have to render data based on user interaction, which can lead to several issues if not handled properly.
Bootstrap your next Preact application with Bun
Building a Realtime Messaging app with React Native and Firebase
In today's world, it's essential for web and mobile apps to have real-time functionality. This guide shows you how to add real-time messaging functionality a React Native mobile apps using Firebase SDK.
Build Real-World React Native App #11 : Pay For Remove Ads
An Introduction to Finite State Machines: Simplifying React State Management with State Machines
State machines are one of the oldest concepts in computer science but also one of the most useful. When combined together with React, they can drastically reduce bugs and complexity in your code.
Build Real-World React Native App #10 : Setup in-App Purchase in iOS
The most awaited and considerably the lengthiest chapter is here. In this chapter, we will learn how to add the in-app purchase service in React Native using React Native IAP package The configurations are mainly for the iOS platform. Here, we are going to set up the subscriptions and configure the App Store Connect to […]
Build Real-World React Native App #9 : Implementing Remove Ads Feature
One of the simplest ways to make money from apps is through Advertisements. Hence, we have a popular ads network for mobile that is Admob. There are many ways to implement ads in our app. We can simply pick some ideas from the play store and implement them.
Build Real-World React Native App #8 : implement Dark mode
In this chapter, we are going to implement a new feature in our app. The feature is called dark mode which is very prevalent in the app nowadays. The dark mode is configured into any app to make it night friendly or low light friendly.
Sign in \ Sign Up
Or use email\username to sign in