React was released with an update to React's core (Reconciler) algorithm. This new algorithm is called Fiber. Before diving deep into what is Fiber and how it works, it is must to know the React's reconciler algorithm as Fiber is nothing but the re-implementation of this previous algorithm. You can refer to the reconciler algorithm on React Official doc here. React ReconciliationIt's an algorithm that React uses to diff one tree with another to find which parts need to be updated in the next update. E.g. whenever the component's props or state gets updated, whether to make an actual

When we are about to test a dynamic API request via Postman and realize that we need to pass a freshly generated signature in the headers, what do we generally do? For each request, we generate the signature using server-side code and copy-paste it in the headers. Sounds like a tedious job, doesn’t it? We faced a similar situation in our application where we had to pass a signature in the headers while testing an API. The signature was generated by encoding all the request parameters using the user's secret key. If any of the request parameters changed, we

Mamta Kukreja, a vibrant Kiprosher and a food lover at heart shares insights, regarding her work and career choices.

A decade back, a remote retrospective used to happen via conference calls. However, now the trend is changing. Companies are moving towards a remote-friendly environment. Also, because of technology, the world is very well connected now. When we work with remote teams, we feel it might be challenging to conduct a retrospective effectively. However, it is much more comfortable today because we have better video conferencing services, online tools to provide retrospective notes and, collaboration. Some companies work full-time remote while others, like our company, Kiprosh have a partial remote working provision. Hence, there is a fair chance of having

In Part 1 we learned some fundamentals of react-native-reanimated, its declarative syntax and its working under the hood by creating a simple Accordion. If you missed the first part, it will be better if you visit it and come back here as lots of concepts covered there will be referred here in this article. In this blog, we'll understand how to perform translation transformation by creating a shiny effect on the progress bar using react-native-reanimated. So, let's get started. Pre-requisites: Basic knowledge of react-native Basic knowledge of react-native-reanimated from the previous article Initialize project: Let's create our project by running:

Handling timezones in Rails applicationsIn the Rails application, we may have two different timezones. Application timezoneDatabase timezoneIn most of the cases database timezone is set to UTC, but application timezone could be different from database timezone. How to set application timezone?Set timezone at the application levelWe can set  config.time_zone configuration in config/application.rb file. ActiveRecord fetches UTC from the database and converts it to the timezone specified in config.time_zone. Refer this article in case you need help with setting up timezone at application level. 2. Set the timezone based on the one specified by

Test Automation for regression test cases has become an important part of UAT. To draw the most benefits from automation suite, it is pertinent that test reports are easy to read. Test reports should provide complete details of automation suite execution. We have a selenium- based automation suite with TestNG framework for our project. We have used Extent Report for test execution status reporting in our automation. In this article, we will explain the steps to capture the details of test functions skipped in the report. BackgroundWe have designed automation suite to cover the user journeys in the application. There

Nowadays, writing test cases for every feature of your app has become inevitable! It ensures the app’s correctness, behaviour, and usability at any given moment. For unit & integration testing, Android supports multiple frameworks. Recently we were working on an Android application that was full of API calls. Most of them were nested or getting called at the same time. To achieve maximum code coverage, we decided to write test cases that include API calls. For obvious reasons, it's not a good practice to call the actual API for test cases. After exploring a lot of libraries, we found

React-native's Animated library is a simple and powerful library to add animations in your react-native app. But it has few limitations when it comes to gesture-based interactions. To overcome these limitations, we have an alternative, react-native-reanimated library by Krzysztof Magiera Using react-native-reanimated, we declare our animations in JavaScript, in our React Native application code, but run them on UI thread. It provides much greater flexibility and control over our animations and is also backward compatible with the Animated library. But this flexibility comes at a cost of declarative syntax which involves a bit of learning curve. In this blog, we'll

In this article, we will explore the evolution of `Product` in Reaction from creation to the final order of the product. We will also explore what all phases a product goes through, all its important fields and their significance.