Reactive Accelerator
React Js
React Escape Hatches
4.5 - Flushing State Updates Synchronously with flushSync

এটা আরেকটা escap hatch। আমরা জানি যে রিয়াক্ট তার State গুলুকে ব্যাচ করে আপডেট করে এবং পরের রেন্ডারে গিয়ে আপডেটেড ভ্যালু পাওয়া যায়।

কিন্তু আমরা যদি চাই যে স্টেট আপডেডকে আমরা Syncronously করবো এবং স্টেট আপডেট হয়ে যাওয়ার পর নিচের লাইন এক্সিকিউট হবে তাহলে আমরা flushSync ব্যাবহার করতে পারি। এটি react-dom একটি মেথড। এটা স্টেট আপডেট না হওয়া পর্যন্ত নিচের লাইনের এক্সিকিউশন বন্ধ রাখে এবং রিয়াক্টকে জানায় যে আগে স্টেট আপডেট করো তারপর নিচের লাইনগুলো এক্সিকিউট করো।

তাহলে আমরা যেই স্টেট আপডেটকে ফোর্স করে আগে স্টেট আপডেট করে তারপর নিচের লাইনে যেতে বলছি সেই স্টেট আপডেটের setter function কে flushSync মেথড দিয়ে তার একটা কলব্যাক এ দিয়ে দিতে হবে।

import { flushSync } from "react-dom";
 
flushSync(() => {
    setTodos([...todos, newTodo]);
});