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/xOyYNiyWXJMostrar este hilo -
-
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
Mostrar este hilo -
So that’s how a Hello World React component looks like in Reason React using the React PPX.pic.twitter.com/HJJo79R4eH
Mostrar este hilo -
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
Mostrar este hilo -
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
Mostrar este hilo -
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 …
Mostrar este hilo -
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/9kzDBA8kTpMostrar este hilo -
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
Mostrar este hilo -
All of this can compile to JavaScript as well and just works in a browser.pic.twitter.com/VzchJvKSjV
Mostrar este hilo -
Compared to Electron, a Revery app (compiled to native code) is a lot faster. pic.twitter.com/tcVPQth3By
Mostrar este hilo -
-
-
@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/6oYricDuV8Mostrar este hilo -
Next:
@jverlaguet on Skip, an experimental programming language developed at Facebook from 2015-2018.pic.twitter.com/qPfaoZzsugMostrar este hilo
Final de la conversación
Conversación nueva -
Parece que el contenido está tardando un poco en cargarse.
Puede que Twitter esté saturado o experimentando un problema momentáneo. Inténtalo de nuevo o visita el Estado de Twitter para más información.