@Facebook engineer · 
in 
· http://this-week-in-react.org · @reactjs DOM team · he/him · always curious
ウェブサイトやサードパーティアプリケーションから、都市や正確な現在地などの位置情報をツイートに追加できます。ツイートの位置情報履歴はいつでも削除できます。 詳細はこちら
For rich text content block, Gutenberg ended up writing up their own <RichText> components in React using contentEditable under the hood but making it a controlled component. Key strokes and input events as well as the DOM content are used to map to the next state.pic.twitter.com/qnKF3mruEl
Aaaand I’m back after the lunch break. This time with @nikgraf! He’s talking about the new Reason React.pic.twitter.com/xOyYNiyWXJ
Reason has a feature called PPX which you can use to extend the syntax. You can use that to generate an actual module which can resolve the query to actual types.
No type definitions but 100% type safety 
pic.twitter.com/ftqFnZPMkw
So that’s how a Hello World React component looks like in Reason React using the React PPX.pic.twitter.com/HJJo79R4eH
So Reason (and Ocaml) can infer the type of a React Component prop by looking at how the prop is used. In this example, the type for the prop “name”, “characteristics”, and “population” are automatically determined.pic.twitter.com/xTHaxhvk4W
Hooks in Reason React The compiler can infer the type for a useState hook again by looking at how you use the state.pic.twitter.com/J94rCodNqX
Ok so there’s even a PPX that can generate TypeScript/Flow declarations for your React Reason components as well. Unreal!https://twitter.com/PhilippSpiess/status/1131536730392342529 …
So we’re staying at Reason. @bryphe is talking about totally native React with Revery.
Revery is a high-performance, React-inspired, native application stack built on top of the Reason programming language.pic.twitter.com/9kzDBA8kTp
So with Reason, Revery can use both native UI frameworks (like Cocoa on a Mac) and compile into native binaries while staying at a language that is highly productive. Great fit!pic.twitter.com/lYJEENwVcs
All of this can compile to JavaScript as well and just works in a browser.pic.twitter.com/VzchJvKSjV
Compared to Electron, a Revery app (compiled to native code) is a lot faster. 
pic.twitter.com/tcVPQth3By
@paularmstrong just announced Build Tracker.
A tool to automate bundle size tracking including a dashboard that shows the bundle sizes of every build over time.
http://buildtracker.dev pic.twitter.com/6oYricDuV8
Next: @jverlaguet on Skip, an experimental programming language developed at Facebook from 2015-2018.pic.twitter.com/qPfaoZzsug
Skip is a programming language with: 1. Built-in caching 2. Safe parallelism 3. Garbage collection with predictable pause time.
Next up: @DJFreshUK with the coolest intro ever: Yes that the crowd of a concert he performed at.
He’s talking about coders being the new rock stars.pic.twitter.com/moz49AeWeR
This talk is so good I can’t summarize it please go watch it!
Woah I’m a big fan of @DJFreshUK!
Next up: @IjzerenHein on Magic Move in React Native.pic.twitter.com/CUuXSLUbPn
I just realizes that the slides appear to be a React Native app running inside the iPad simulator 
pic.twitter.com/f7WATsZXn3
One GraphQL model to rule them all
Simple client side states, views, actions, updates, reactivity
Normalization, serialization
Strongly typed queries, mutations, everything
pic.twitter.com/oTIsDVSNCH
Lightning talks now! First up: @Kheltdire91 on his first experience with TypeScript.pic.twitter.com/anU7JfgHFD
Next: @tyoushe on Visual feature engineering for Machine Learning with React.pic.twitter.com/HMhyN1Qpga
Now @hhg2288 on stage and talking about why we need design systems. 
pic.twitter.com/QUgwZlhJ9T
.@joshjhargreaves on “Achieving great performance in react native apps.”pic.twitter.com/9z5QfXhqEQ
Twitterの処理能力の限界を超えているか、一時的な不具合が発生しています。やりなおすか、Twitterステータスで詳細をご確認ください。
