Animation library you need for mobile development in React Native — In this post, I would try to cover all concepts you need to know about Reanimated. This also serves as the note taking process as my learn the library. Concepts Problem of Builtin Animation of React Native As illustrated in the official documentation, JS code is executed asynchronously in React Native, such that UI changes upon user event…

Ways to manipulate inner properties for atoms created with nested object — TLDR atom config can hold atom config(s) Jotai’s selectAtom splitAtom digs into atom with object and array respectively, but with mostly read-only functionality atomWithImmer withImmer useImmerAtom interacts with NON immer atoms to provide an immer version of write function, allowing writing directly at the inner object only, instead of copying from…

Async Atom — TLDR Async atom config can be instantiated with async read and/or write functions, or Directly instantiating with a Promise Passing Promise to write function of PrimitiveAtoms is the same with async atom with async write Async atom can be consumed with <Suspense> or loadable() Instantiation Async atom is instantiated simply by declaring…

Store & Provider — Concept As stated in the last post, atom() function only creates a atom config. The instance of value is stored in the store of a Provider. When we didn’t specify any Provider, the app runs in Provider-less mode, i.e. there would be a default Provider behind the scene. There can be…

atom() useAtom() — TLDR Create atom config with atom() function Consume atom config in components with useAtom, useAtomValue, useSetAtom for read-write, readonly, and write only usage respectively. The initial value is stored in the store of the Provider (explained in next post) when the hook is called the first time. wrap atom() with useMemo…

as, from, into, try_from, try_into

Option A enum with Optional and None variant, which indicates may or may not have value (wrapped in Some). let x = Optional(3); let y = None match x { Some(p) => None => } Methods — basics // Boolean is_some is_none // Extraction expect // panic…

for is the last language semantics to be covered, which is syntatic sugar of iterator. Iterator pub trait Iterator { type Item; fn next(&mut self) -> Option<Self::Item>; // other stuff } // types implementing the iterator next function and specifying the Item type would get iterator functions automatically IntoIterator pub trait IntoIterator…

Closure as standalone vars let x = 3; let name = |params| {x} Notes: 1. params are in between || 2. x does not change in name thus is & let name2 = || x = 3; // &mut let name3 = || let y = x // Moved to y let y =…