The pixel pipeline in the browser is often causing animations to be a lot slower than they can be. Different CSS properties cause in validations on different layers. You can use transform and opacity to avoid layout and skip some of the steps.pic.twitter.com/SMFolFwDQ9
-
-
Aaaand I’m back after the lunch break. This time with
@nikgraf! He’s talking about the new Reason React.pic.twitter.com/xOyYNiyWXJIpakita ang thread na ito -
-
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
Ipakita ang thread na ito -
So that’s how a Hello World React component looks like in Reason React using the React PPX.pic.twitter.com/HJJo79R4eH
Ipakita ang thread na ito -
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
Ipakita ang thread na ito -
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
Ipakita ang thread na ito -
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 …
Ipakita ang thread na ito -
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/9kzDBA8kTpIpakita ang thread na ito -
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
Ipakita ang thread na ito -
All of this can compile to JavaScript as well and just works in a browser.pic.twitter.com/VzchJvKSjV
Ipakita ang thread na ito -
Compared to Electron, a Revery app (compiled to native code) is a lot faster. pic.twitter.com/tcVPQth3By
Ipakita ang thread na ito -
Now up: Move fast with confidence by
@paularmstrongpic.twitter.com/WnMEgzd2HtIpakita ang thread na ito -
-
@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/6oYricDuV8Ipakita ang thread na ito -
Next:
@jverlaguet on Skip, an experimental programming language developed at Facebook from 2015-2018.pic.twitter.com/qPfaoZzsugIpakita ang thread na ito
Katapusan ng usapan
Bagong usapan -
Ang paglo-load ay mukhang natatagalan.
Maaaring lumagpas na sa kapasidad ang Twitter o nakakaranas ng panandaliang problema. Subukan muli o bisitahin ang Twitter Status para sa karagdagang impormasyon.