Reactの新機能「Time Slicing」と「Suspense」をFacebookが紹介。非同期レンダリングを活用しUXをサクサクに向上 Reactの最新バージョンである「React 16」以降に予定されている新機能は、Reactの新コアアーキテクチャとしてReact 16から採用されたFiberによって実現される非同期レンダリングなどを活用。CPU能力が低いデバイスやネットワーク帯域が十分でない環境でもサクサク反応するアプリケーションが開発できるものになると、FacebookのReact開発チームに在籍するSophie Alpert氏がReactブログに投稿した記事「Sneak Peek: Beyond React 16 - React Blog」で紹介されています。 その新機能が「Time Slicing」と「Suspense」です。 マウスやキーボードなどの操作がブロックされない
 
      
   
    ![iOS/Androidネイティブアプリのためのビジュアル開発環境「RAD Studio XE7」。ソースコードを一本化しつつiOS/Androidの個別最適化を実現する方法[PR]](https://cdn-ak-scissors.b.st-hatena.com/image/square/9352315d0165f7c776bc5dda056d20d7462317fb/height=288;version=1;width=512/http%3A%2F%2Fwww.publickey1.jp%2Fblog%2F15%2Fradxe701.jpg) 
       
       
      ![[Swift] WebプログラマがiOSアプリ開発をする際に参考にしたサイト・学習方法 - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/3230242badcd5453e29ef014a8b42c641b745ab6/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fqiita-user-contents.imgix.net%252Fhttps%25253A%25252F%25252Fcdn.qiita.com%25252Fassets%25252Fpublic%25252Farticle-ogp-background-afbab5eb44e0b055cce1258705637a91.png%253Fixlib%253Drb-4.0.0%2526w%253D1200%2526blend64%253DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnFpaXRhLWltYWdlLXN0b3JlLnMzLmFtYXpvbmF3cy5jb20lMkYwJTJGNjEwOTElMkZwcm9maWxlLWltYWdlcyUyRjE0NzM2OTU0MzA_aXhsaWI9cmItNC4wLjAmYXI9MSUzQTEmZml0PWNyb3AmbWFzaz1lbGxpcHNlJmZtPXBuZzMyJnM9MjU0ZWM1ODc0MTFkYzU1ZDJhODk1YmU5NTYyYjFhNGI%2526blend-x%253D120%2526blend-y%253D467%2526blend-w%253D82%2526blend-h%253D82%2526blend-mode%253Dnormal%2526s%253D408d196da23b1163a68c965c91aa5cca%3Fixlib%3Drb-4.0.0%26w%3D1200%26fm%3Djpg%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk2MCZoPTMyNCZ0eHQ9JTVCU3dpZnQlNUQlMjBXZWIlRTMlODMlOTclRTMlODMlQUQlRTMlODIlQjAlRTMlODMlQTklRTMlODMlOUUlRTMlODElOENpT1MlRTMlODIlQTIlRTMlODMlOTclRTMlODMlQUElRTklOTYlOEIlRTclOTklQkElRTMlODIlOTIlRTMlODElOTklRTMlODIlOEIlRTklOUElOUIlRTMlODElQUIlRTUlOEYlODIlRTglODAlODMlRTMlODElQUIlRTMlODElOTclRTMlODElOUYlRTMlODIlQjUlRTMlODIlQTQlRTMlODMlODglRTMlODMlQkIlRTUlQUQlQTYlRTclQkYlOTIlRTYlOTYlQjklRTYlQjMlOTUmdHh0LWFsaWduPWxlZnQlMkN0b3AmdHh0LWNvbG9yPSUyMzFFMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT01NiZ0eHQtcGFkPTAmcz01YTI2ODA1ZDg0N2JjMjQ1NTQzNjk4Yzc2ZDc1MTgwZA%26mark-x%3D120%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTgzOCZoPTU4JnR4dD0lNDBuYWthaWxhbmQmdHh0LWNvbG9yPSUyMzFFMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT0zNiZ0eHQtcGFkPTAmcz02Y2ExZmE4ZDMyODMyODJlMmI3MzJmYmNmOWVlOWIyMg%26blend-x%3D242%26blend-y%3D480%26blend-w%3D838%26blend-h%3D46%26blend-fit%3Dcrop%26blend-crop%3Dleft%252Cbottom%26blend-mode%3Dnormal%26s%3D0bf1e5bee6aa98cdb494afb06848aa8e) 
       
       
      

