Explore the World's Best Ideas
Join today and uncover 100+ curated journeys from 50+ topics. Unlock access to our mobile app with extensive features.
Because React Native is single-threaded, if you have a process that has many responsibilities, you can have performance problems. Imagine you have a process responsible for rendering a video on the screen and a live feed of comments on the video. The video rendering could block the live feed from updating correctly, or the live feed could cause stuttering in the video.
7
28 reads
MORE IDEAS ON THIS
Imagine having a like animation and a counter. When the like is pressed the counter should increment.
A person using the interface doesn’t know about how data flux is designed, what is a network request. The person just expects the heart to be colored immediately.
As React Native is s...
7
46 reads
Instead of running multiple threads, React Native runs multiple processes. 3 main processes run in React Native. (Even if they are called threads)
7
34 reads
Thread. You can think of a thread as a set of instructions to be executed by the CPU. A thread is a component of a process.
Process. A process is a program that is running. For example, the bro...
8
108 reads
Single-threaded means that a process is designed to have only one thread of execution. This means only one set of instructions executes at once.
Multi-threaded means that a process has two or more threads. So it can execute multiple instructions simultaneou...
7
27 reads
Every process has one or more threads. And a program can actually be made up of many processes. In the example above, you’ll notice that it says Google Chrome (44). This means that Google Chrome is actually running 44 different processes. Processes in a single pr...
7
21 reads
If animation run on JS Thread then for each frame the JS Thread will send serialized data on Bridge to the UI Thread. This will result in something similar with real life traffic jam where we have the bridge and the cars(code for each frame).
In addition of this imagine also doing a networ...
7
17 reads
CURATED FROM
TL;DR how threading is working in React Native and the solution of handling data flux for a like button and its counter
“
More like this
CodeGen — Suppose to make the JS side a Single Source Of Truth. Can let you create static types of the js so the native side (Fabric and Turbo Modules) will be aware to them and avoid validating the data each time => better performance and less place for mistakes when passing data.
Lean Cor...
Read & Learn
20x Faster
without
deepstash
with
deepstash
with
deepstash
Access to 200,000+ ideas
—
Access to the mobile app
—
Unlimited idea saving & library
—
—
Unlimited history
—
—
Unlimited listening to ideas
—
—
Downloading & offline access
—
—
Personalized recommendations
—
—
Supercharge your mind with one idea per day
Enter your email and spend 1 minute every day to learn something new.
I agree to receive email updates