Posts

Showing posts from June, 2024
Image
Recoil State Management What is Recoil? Recoil is a state management library developed by Facebook. It provides a simple and efficient way to manage and share state across in different components in your application. It is much more user friendly. Why Recoil? Recoil has unique advantages compared to other state management libraries. Fewer boilerplates. Simple to learn and understand The data flow is very simple. Atom based architecture. Easy integration. Asynchronous data is queried using pure functions.  How to Install Recoil Let's start by installing the library. If you are working on your local computer, you can install Recoil using  npm  or  yarn . npm i recoil // or yarn add recoil Recoil has 2 key concepts. Atoms Selectors Recoil Architecture           Atoms :- An atoms are units of state. They are updatable and subscribable. When an atom is updated, each subscribed component is re-rendered with the new value. This is...
Image
React Native  new   Architecture   2024 Hello Developers, Today, we're diving into the new architecture of React Native. But before we do, let's take a glance at the old architecture. Please take a moment to look at the old architecture below.👇 Let's create native user interface and native elements. You really cannot have access to the directly. To address this problem we will ensure that there is a way to communicate between two world. In the React Native world we will call it the React Native Bridge. Relied on a JavaScript thread, a native thread, and a Bridge for communication. This Bridge is a simple mechanism to pass messages from JavaScript world to the native world and back. The other big gap in this system is that, on the web if you ask about layouts the answer is going to be Flex box, but the Platform UI(Android/iOS) doesn't really understand flex box. Platform UI(Android/iOS)    has its own layout system, bcoz we cannot really use Flex box , we implem...